first commit

历届学生/罗朝/项目练习/cp/js/index.js

@@ -0,0 +1,43 @@
+(function() {
+    var keyWord = [
+      '猪蹄','西红柿','鸡蛋','黄瓜','红烧肉','排骨','鸡','鱼'
+    ];
+    var len = keyWord.length + 1
+    var indexs = parseInt( ( Math.random() * len )+0)
+
+    get({
+      url: '/query',
+      data: {
+        keyword: keyWord[indexs]
+      }
+    }, function(res) {
+      var list = res.data
+      list.forEach(function(val,index){
+        $(".list-cp article").append(`<a class="list-item" href="./info.html">
+            <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>`)
+      });
+      BindClick(list)
+    })
+
+  function BindClick(list) {
+    $(".list-cp article .list-item").on('click',function() {
+      var current = list[$(this).index()];
+      localStorage.setItem("info",JSON.stringify(current))
+      location.href = "./info.html"
+    })
+
+  }
+
+
+})()

历届学生/罗朝/项目练习/cp/js/info.js

@@ -0,0 +1,82 @@
+(function(){
+
+
+  SetDirviceData()
+
+
+  var infoID = (JSON.parse(localStorage.getItem("info"))).id;
+  var ListArr = JSON.parse(localStorage.getItem(list));
+  
+  ListArr.forEach(function(val,index) {
+    if(val.id == infoID) {
+      $(".like").removeClass("icon-star-outline").addClass("icon-star")
+    } 
+  })
+
+
+
+  var infoData = JSON.parse(localStorage.getItem("info"))
+  $(".info-top").css({
+    background: `url("${infoData.albums[0]}") center /cover no-repeat`
+  })
+
+  document.title = infoData.title
+  $(".social-share").attr({
+    'data-description': infoData.imtro
+  })
+
+  $(".info-title h2").text(`${infoData.title}`)
+  $(".info-title p").text(`${infoData.imtro}`)
+  $(".zhu p").text(`${infoData.ingredients}`)
+  $(".fu p").text(`${infoData.burden}`)
+
+  infoData.steps.forEach(function(val,index) {
+    $(".info-step").append(`<div class="step-item">
+    <h2>${infoData.title} 步骤 ${index+1}</h2>
+    <img src="${val.img}" alt="">
+    <p>${val.step}</p>
+  </div>`)
+  });
+
+  var $config = {
+    url: location.href,
+    title: infoData.title,
+    description: infoData.imtro,
+    image: infoData.albums[0],
+    sites: ['qzone', 'qq', 'weibo','wechat', 'douban'],
+    wechatQrcodeTitle   : "微信扫一扫：分享",
+    wechatQrcodeHelper  : '<p>微信里点“发现”，扫一下</p><p>二维码便可将本文分享至朋友圈。</p>',
+  };
+
+
+  $(".icon-share2").click(function(){
+    $(".share").animate({ 
+      bottom: "0"
+    }, 200 );
+  });
+  
+  $(".g-view").click(function(){
+    $(".share").animate({ 
+      bottom: "-60px"
+    }, 200 );
+  });
+
+
+
+
+  $('.icon-star-outline').on("click",function() {
+    var data = JSON.parse(localStorage.getItem(list));
+    data.push(JSON.parse(localStorage.getItem("info")))
+    localStorage.setItem(list,JSON.stringify(data))
+    YDUI.dialog.toast('已收藏成功', 'success', 1000);
+
+    $(".like").removeClass("icon-star-outline").addClass("icon-star")
+  })
+
+
+  
+
+ 
+
+
+})()

历届学生/罗朝/项目练习/cp/js/like.js

@@ -0,0 +1,81 @@
+
+
+  
+  SetDirviceData()
+
+  var $as = $('#J_ActionSheet'), index = 0;
+
+
+  var ListData = JSON.parse(localStorage.getItem(list))
+
+  function isRender() {
+    if(ListData.length == 0 ) {
+      $('.list-theme4').empty()
+      $('.list-theme4').append(`<p style="text-align: center;margin: 100px 0;font-size: 16px;color: #8d8d8d;"> 没有数据 </p>`)
+    } else {
+      Render(ListData)
+    }  
+  }
+  function Render(data) {
+    $(".list-theme4").empty()
+    data.forEach((val,index) => {
+      $(".list-theme4").append(`<a class="list-item">
+            <div class="list-img" data-id="${index}">
+                <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.imtro.substring(0,20)}
+                        </span>
+                    </div>
+                </div>
+            </div>
+        </a>`)
+    });
+  }
+  
+
+  isRender()
+  touchStart()
+
+
+  function touchStart() {
+    $(".list-theme4 .list-item").on({
+      touchstart: function(e){
+        index = $(this).index()
+        timeOutEvent = setTimeout(function(){
+          $as.actionSheet('open');
+        },300);
+      }
+    });
+  }
+
+  $('#J_Cancel').on('click', function () {
+    $as.actionSheet('close');
+  });
+
+  $('.delete').on('click', function () {
+   
+    ListData.splice(index,1)
+    // Render(ListData)
+    isRender()
+    
+    touchStart()
+
+    
+
+    $as.actionSheet('close');
+    localStorage.setItem(list,JSON.stringify(ListData))
+  });
+
+  $(".list-theme4 .list-item").on('click',function() {
+    var current = ListData[$(this).index()];
+    localStorage.setItem("info",JSON.stringify(current))
+    location.href = "./info.html"
+  })
+
+ 
+

历届学生/罗朝/项目练习/cp/js/list.js

@@ -0,0 +1,70 @@
+(function() {
+  var status = true;
+  var cid = YDUI.util.getQueryString("id") || YDUI.util.getQueryString("key");
+  // 如果为 true 表示用户从搜索页面进入 list 列表页面
+  // 如果为 false 表示用户从分类页面点击小分类进入 list 列表页面
+
+  parseInt(cid).toString() == "NaN" ? status = true : status = false;
+  
+  var pns = 0, dat = [];
+
+
+
+  function RenderList() {
+    $('.g-view').infiniteScroll({
+      pageSize: 10,
+      initLoad: true,
+      loadingHtml: '<strong>加载中...</strong>',
+      loadListFn: function () {
+        var def = $.Deferred();
+        get({
+          url: status ?  '/query' : '/getClassInfo',
+          data: status ? { keyword: cid, pn: pns } :  { cid: cid, pn: pns }
+        },function(res) {
+          var data = res.data;
+          data.forEach(function(val) {
+            dat.push(val)
+            $(".list-theme4").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>`);
+            def.resolve(res.data);
+           
+            ++pns;
+            
+          });
+   
+          
+       
+          bindClick(dat)
+        })
+       
+        return def.promise();
+      }
+    });
+    
+  }
+
+
+  function bindClick(list) {
+    $(".list-theme4 .list-item").on('click',function() {
+      var current = list[$(this).index()];
+      localStorage.setItem("info",JSON.stringify(current))
+      location.href = "./info.html"
+    })
+  }
+
+  RenderList()
+
+
+})()

历届学生/罗朝/项目练习/cp/js/moreclass.js

@@ -0,0 +1,55 @@
+
+  var result = classDara.result
+
+  // 渲染左边的大分类
+  function RenderLeftMenu(){ 
+    result.forEach(function(val,index){
+      $(".view-left ul").append(`<li class="${ index == 0 ? 'active' : '' }">${val.name}</li>`)
+    })
+   }
+
+  function leftMenuChange() {
+    if(YDUI.util.getQueryString("id") == "") {
+      $(".view-left ul li").on("click", function(){
+        bindLi()
+      });
+    } else {
+      var id = YDUI.util.getQueryString("id");
+      $($(".view-left ul li")[id]).addClass("active").siblings().removeClass("active")
+      RenderRightMenu($($(".view-left ul li")[id]).text())
+      bindLi()
+    }
+  }
+
+  function bindLi() {
+    $(".view-left ul li").on("click", function(){
+      $(this).addClass("active").siblings().removeClass("active")
+      RenderRightMenu($(this).text())
+    });
+  }
+
+  // 渲染右边菜单列表
+  function RenderRightMenu(name) {
+    var listArrar = []
+    result.forEach(function(val,index){
+      if(name == val.name) {
+        listArrar = val.list
+      }
+    })
+
+    $(".view-right ul").empty()
+
+    listArrar.forEach(function(val,index){
+      $(".view-right ul").append(`<li>
+                                    <a href="./list.html?id=${val.id}">${val.name}</a>
+                                  </li>`)
+    })
+  }
+
+
+
+
+  RenderLeftMenu()
+  leftMenuChange()
+  RenderRightMenu("菜式菜品")
+

历届学生/罗朝/项目练习/cp/js/utils.js

@@ -0,0 +1,45 @@
+
+function get(params, callback) {
+  YDUI.dialog.loading.open('数据正在加载...');
+  $.ajax({
+    url: "http://127.0.0.1:3300"+params.url,
+    data: params.data,
+    type: 'GET',
+    success: function(res) {
+      if(res.resultcode == "200") {
+        callback(res.result)
+      }else {
+        YDUI.dialog.toast(res.reason, 'error', 2000);
+      }
+      YDUI.dialog.loading.close();
+    },
+    errot: function() {
+      YDUI.dialog.toast('您的网络不好', 'error', 2000);
+    }
+  })
+}
+
+function Search(classNames) {
+  $(classNames).on("change",function() {
+    location.href = `./list.html?key=${ $(classNames).val() }`;
+  })
+}
+
+var list = "";
+
+function SetDirviceData() {
+  if( /Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent) ) {
+    var u = navigator.userAgent
+    if(u.indexOf("iPhone") > -1){
+      list = "iPhonelike"
+    } else if (u.indexOf("Android") > -1) {
+      list = "AndroidBuild"
+    }
+    if(localStorage.getItem(list) == null || !(JSON.parse(localStorage.getItem(list)).length > 0)) {
+      localStorage.setItem(list,"[]")
+    }
+    
+  } else {
+    alert(4)
+  }
+}

历届学生/罗朝/项目练习/cp/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);