first commit

历届学生/苏琪/项目练习/caipu/js/class.js

@@ -0,0 +1,48 @@
+
+// 好处！！
+// 1: 使用自执行函数，让函数自己运行
+// 2: 使用局部作用域避免变量和方法的污染
+(function (){
+
+  let lists = classDaras.result;
+  console.log(lists)
+
+  /**
+   * 1：只为了渲染页面
+   */
+  function RenderLeftMenu() {
+    lists.forEach(function(val,index) {
+      $(".view-left ul").append(`<li class="${ index == 0 ? 'active':'' }">${val.name}</li>`)
+    })
+  }
+
+  /**
+   * 绑定点击事件
+   */
+  function BindClick() {
+    $(".view-left ul li").on('click',function(){
+      
+      $(this).addClass('active').siblings().removeClass('active')
+      RenderRightMenu( $(".view-left ul li").index($(this)) )
+    })
+  }
+
+  /**
+   * 渲染右边对应的子分类
+   * @param {*} id 
+   */
+  function RenderRightMenu(id) {
+    $(".view-right ul").empty();
+    lists[id].list.forEach(val =>{
+      $(".view-right ul").append(`<li>
+                                    <a href="./list.html?id=${val.id}&status=true">${val.name}</a>
+                                  </li>`)
+    })
+  }
+
+  RenderLeftMenu()
+  BindClick()
+  RenderRightMenu(0)
+
+
+})()

历届学生/苏琪/项目练习/caipu/js/index.js

@@ -0,0 +1,31 @@
+(function() {
+
+  var keyWord = "西红柿"
+
+  http({
+    url: '/query',
+    type: 'GET',
+    data: {
+      keyword: keyWord
+    }
+  }, function(res) {
+    console.log(res)
+    let result = res.data;
+    result.forEach(val => {
+      $('.m-list').append(`<a class="list-item">
+                                <div class="list-img">
+                                    <img src="${val.albums[0]}">
+                                </div>
+                                <div class="list-mes">
+                                    <h3 class="list-title">${val.title}</h3>
+                                    <div class="list-mes-item">
+                                        <div>
+                                            <span class="list-del-price">${val.tags.substring(0,10)}...</span>
+                                        </div>
+                                    </div>
+                                </div>
+                            </a>`)
+    });
+  })
+
+})()

历届学生/苏琪/项目练习/caipu/js/list.js

@@ -0,0 +1,40 @@
+(function() {
+
+  // getClassInfo 
+  let id = GetQueryString("id")
+  let status = GetQueryString("status"), url = ""
+
+  if(status == "true") {
+    url = "/getClassInfo"
+  } else {
+    url = "/query"
+  }
+
+  http({
+    url: url,
+    type: "GET",
+    data: {
+      cid: id,
+      pn: 0
+    }
+  }, function(res){
+    let result = res.data;
+    result.forEach(val => {
+      $('.m-list').append(`<a  class="list-item">
+                            <div class="list-img">
+                                    <img src="${val.albums[0]}">
+                                </div>
+                                <div class="list-mes">
+                                    <h3 class="list-title">${val.title}</h3>
+                                    <div class="list-mes-item">
+                                        <div>
+                                            <p>${val.imtro.substring(0,20)}</p>  
+                                            <span >${val.ingredients}</span>
+                                        </div>
+                                    </div>
+                                </div>
+                            </a>`)
+    });
+  })
+
+})()

历届学生/苏琪/项目练习/caipu/js/utils.js

@@ -0,0 +1,22 @@
+
+  
+  function http(params,cb) {
+
+    //return new Promise(function(resolve,reject){
+      $.ajax({
+        url: "http://127.0.0.1:3300"+params.url,
+        type: params.type,
+        data: params.data,
+        success: function(res) {
+          cb(res.result)
+        }
+      })
+    //})
+  }
+
+
+  function GetQueryString(name) {
+    var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
+    var r = window.location.search.substr(1).match(reg);
+    if(r!=null) return  unescape(r[2]); return null;
+  }

历届学生/苏琪/项目练习/caipu/js/ydui.flexible.js

@@ -0,0 +1 @@
+!function(t){var e=750,i=t.document,n=i.documentElement,o="orientationchange"in t?"orientationchange":"resize",a=function t(){var i=n.getBoundingClientRect().width;return n.style.fontSize=5*Math.max(Math.min(i/e*20,11.2),8.55)+"px",t}();n.setAttribute("data-dpr",t.navigator.appVersion.match(/iphone/gi)?t.devicePixelRatio:1),/iP(hone|od|ad)/.test(t.navigator.userAgent)&&(i.documentElement.classList.add("ios"),parseInt(t.navigator.appVersion.match(/OS (\d+)_(\d+)_?(\d+)?/)[1],10)>=8&&i.documentElement.classList.add("hairline")),i.addEventListener&&(t.addEventListener(o,a,!1),i.addEventListener("DOMContentLoaded",a,!1))}(window);