first commit

历届学生/刘合群/菜谱/css/classinfo.css

@@ -0,0 +1,3 @@
+.list-del-price:after {
+  border-top: 0px solid #8C8C8C !important;
+}

历届学生/刘合群/菜谱/css/clear.css

@@ -0,0 +1,16 @@
+body,ul,li {
+  margin: 0;
+  padding: 0;
+}
+
+li {
+  list-style: none;
+}
+
+.icon {
+  width: 1em;
+  height: 1em;
+  vertical-align: -0.15em;
+  fill: currentColor;
+  overflow: hidden;
+}

历届学生/刘合群/菜谱/css/index.css

@@ -0,0 +1,19 @@
+
+.type ul{
+  display: flex;
+  justify-content: space-around;
+  height: 122px;
+  align-items: center;
+  background: #fff;
+}
+.type ul li{
+  text-align: center;
+  
+}
+.type ul li img{
+  width: 55px;
+}
+.type ul li p{
+  margin-top: 10px;
+  font-size: 14px;
+}

历届学生/刘合群/菜谱/css/info.css

@@ -0,0 +1,40 @@
+body {
+  background: #fff;
+}
+.header {
+  position: fixed;
+  width: 100%;
+  height: 50px;
+  top: 0;
+  left: 0;
+  display: flex;
+  justify-content: space-between;
+  padding: 0 11px;
+  align-items: center;
+}
+.header .icon {
+  font-size: 24px;
+}
+.g-view:before {
+  height: 0;
+}
+.info-header {
+  background: url("");
+  width: 100%;
+  height: 250px;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-size: cover;
+}
+.info-header img {
+
+}
+.info-title {
+
+}
+.info-title h3{
+  
+}
+.info-title p{
+  
+}

历届学生/刘合群/菜谱/css/like.css

@@ -0,0 +1,6 @@
+article p {
+  text-align: center;
+  margin: 100px 0;
+  color: #8d8d8d;
+  font-size: 17px;
+}

历届学生/刘合群/菜谱/css/my.css

@@ -0,0 +1,50 @@
+body {
+  background: #fff;
+}
+.g-view:before {
+  height: 0 !important;
+}
+.my {
+
+}
+.my-header {
+  display: flex;
+  height: 250px;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0 15px;
+}
+.my-header h2{
+  font-size: 29px;
+}
+.my-header img{
+  width: 110px;
+  height: 110px;
+  border-radius: 100%;
+}
+.my-list {
+
+}
+.my-list ul {
+
+}
+.my-list ul li {
+  display: flex;
+  justify-content: space-between;
+  padding: 13px 0px;
+  width: 90%;
+  margin: 0 auto;
+  border-bottom: 1px solid #e6e6e6;
+  margin-bottom: 8px;
+}
+.my-list ul li a{
+  display: flex;
+  justify-content: space-between;
+  width: 100%;
+}
+.my-list ul li p {
+
+}
+.my-list ul li i {
+
+}

历届学生/刘合群/菜谱/css/public.css

@@ -0,0 +1,6 @@
+.left {
+  float: left;
+}
+.padding20 {
+  padding: 0 20px;
+}

历届学生/刘合群/菜谱/css/type.css

@@ -0,0 +1,32 @@
+body {
+  background: #fff;
+}
+.type-left {
+  position: fixed;
+  width: 20%;
+  height: 85%;
+  overflow-y: scroll;
+  border-right: 1px solid #e2dfdf;
+}
+.type-left ul{
+
+}
+.type-left ul li{
+  text-align: center;
+  padding: 10px 0;
+}
+.type-right {
+  width: 80%;
+  position: relative;
+  left: 20%;
+  padding: 10px;
+}
+.type-right ul{
+}
+.type-right ul li{
+  float: left;
+  margin: 10px;
+}
+.active {
+  color: red
+}

历届学生/刘合群/菜谱/js/classinfo.js

@@ -0,0 +1,65 @@
+(function() {
+  var pn = 0;
+  function getClassInfoData() {
+
+    $('.g-scrollview').infiniteScroll({
+      pageSize: 10,
+      initLoad: true,
+      loadingHtml: '<strong>加载中...</strong>',
+      loadListFn: function () {
+        var def = $.Deferred();
+
+        get({
+          url: '/index',
+          data: {
+            cid: returnId(),
+            pn: pn
+          },
+          callback: function(res) {
+            RenderList(res.data)
+            def.resolve(res.data);
+            ++pn;
+          }
+        })
+
+        return def.promise();
+
+      }
+    })
+
+
+   
+  }
+
+  function RenderList (data) {
+    data.forEach(val => {
+      $('article').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,20)}..</span>
+                                      </div>
+                                  </div>
+                              </div>
+                            </a>`)
+    })
+
+    bindClick(data)
+  }
+
+
+  function bindClick (data) {
+    $("article a").on('click', function() {
+      localStorage.setItem("info", JSON.stringify(data[$(this).index()]))
+      location.href="info.html"
+    })
+  }
+
+  getClassInfoData()
+
+
+})()

历届学生/刘合群/菜谱/js/index.js

@@ -0,0 +1,53 @@
+(function() {
+  $('#J_Slider').slider({
+    speed: 300,
+    autoplay: 2000,
+    lazyLoad: true
+  });
+
+  var MenuList = ['西红柿','猪蹄','红烧肉','蛋炒饭','黄瓜']
+
+
+  function getData() {
+    get({
+      url: '/query',
+      data: {
+        menu: MenuList[Math.floor(Math.random()*5)]
+      },
+      callback: function(res) {
+        renderList(res)
+      }
+    })
+  }
+
+
+  function renderList (list) {
+    list.data.forEach(val => {
+      $('article').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.ingredients.substring(0,17)}...</span>
+                                      </div>
+                                  </div>
+                              </div>
+                          </a>`)
+    });
+    bindClick(list.data)
+  }
+
+  function bindClick (data) {
+    $("article a").on('click', function() {
+      localStorage.setItem("info", JSON.stringify(data[$(this).index()]))
+      location.href="info.html"
+    })
+  }
+
+  getData()
+
+
+})()

历届学生/刘合群/菜谱/js/info.js

@@ -0,0 +1,54 @@
+(function(){
+  var InfoData = JSON.parse(localStorage.getItem("info"));
+  var LikeData = localStorage.getItem("like") == null
+      ? [] 
+      : JSON.parse(localStorage.getItem("like"));
+  var status = true;    
+
+  $(".info-header").css({
+    'background': `url(${InfoData.albums[0]}) no-repeat center center`,
+    'background-size': 'cover'
+  })
+  $('.info-title h3').text(InfoData.title)
+  $('.info-title p').text(InfoData.tags)
+  $('.item1 p').text(InfoData.ingredients)
+  $('.item2 p').text(InfoData.burden)
+
+  InfoData.steps.forEach((val,index) => {
+    $('.list-item ul').append(`<li>
+                                  <h2>${index == 0 ? InfoData.title+'步骤'+(index+1) : '步骤'+(index+1)}</h2>
+                                  <img src="${val.img}" alt="">
+                                  <p class="padding20">${val.step}</p>
+                                </li>`)
+  });
+
+
+  
+
+  $("#likefood").on('click', function () {
+
+    changeStatus()
+
+    if(status) {
+      LikeData.push(JSON.parse(localStorage.getItem("info")))
+      localStorage.setItem("like", JSON.stringify(LikeData))
+      $("#likefood").removeClass("icon-star-outline").addClass("icon-star")
+    } else {
+      YDUI.dialog.toast('您已经收藏过了', 'error', 1000);
+    }
+  });
+
+  function checkIsLike() {
+    changeStatus()
+    if(!status) {
+      $("#likefood").removeClass("icon-star-outline").addClass("icon-star")
+    }
+  }
+
+  function changeStatus () {
+    LikeData.forEach( val => val.id == InfoData.id ? status = false : status = true);
+  }
+
+  checkIsLike()
+
+})()

历届学生/刘合群/菜谱/js/like.js

@@ -0,0 +1,63 @@
+(function(){
+
+  var LikeData = localStorage.getItem("like") == null
+  ? [] 
+  : JSON.parse(localStorage.getItem("like"));
+
+  function renderLike () {
+    if(LikeData.length == 0) {
+      $(".list-theme1").append("<p class='error'>没有收藏</p>")
+    } else {
+      LikeData.forEach(val => {
+        $(".list-theme1").append(`<a href="#" 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>
+                                  </a>`)
+      });
+    }
+  }
+
+  function BindTagaClick() {
+    $("article a").on('click', function() {
+      localStorage.setItem("info", JSON.stringify(LikeData[$(this).index()]))
+      location.href="info.html"
+    });
+
+    var $as = $('#J_ActionSheet'), index = null;
+
+    $(".list-theme1 .list-item").on({
+      touchstart: function(e){
+        index = $(this).index()
+        setTimeout(function(){
+          $as.actionSheet('open');
+        },500);
+      }
+    });
+
+    $('.delete-like').on("click",function() {
+      LikeData.splice(index,1);
+      localStorage.setItem("like", JSON.stringify(LikeData));
+      
+      $("article a").eq(index).remove();
+      $as.actionSheet('close');
+
+      if(LikeData.length == 0) {
+        $(".list-theme1").append("<p class='error'>没有收藏</p>")
+      }
+      
+    })
+
+    $("#J_Cancel").on("click",function() {
+      $as.actionSheet('close');
+    })
+  }
+
+
+  renderLike()
+  BindTagaClick()
+
+})()

历届学生/刘合群/菜谱/js/my.js

@@ -0,0 +1,12 @@
+(function(){
+  $('.update').on('click', function () {
+    YDUI.dialog.loading.open('正在检查..');
+    setTimeout(function () {
+      YDUI.dialog.loading.close();
+      YDUI.dialog.toast('已经是最新版本', 'success', 1000);
+    }, 2000);
+  });
+  $('.contact').on('click', function () {
+    YDUI.dialog.toast('客服微信号：cxy-monkey', 'success', 3000);
+  });
+})()

历届学生/刘合群/菜谱/js/type.js

@@ -0,0 +1,37 @@
+(function () {
+  var result = typeData.result;
+
+  console.log(result)
+
+  function renderLeft () {
+    result.forEach(function(val,index){
+      $(".type-left ul").append(` <li class="${ index == 0 ? 'active' : ''}">${val.name}</li>`)
+    });
+  }
+
+  function renderRight(index) {
+    $(".type-right ul").empty()
+    result[index].list.forEach(function(val){
+      $(".type-right ul").append(`<li> <a href="./classinfo.html?id=${val.id}">${val.name}</a> </li>`)
+    })
+  }
+
+
+  function bindLeftLiClick() {
+    if (returnId() != undefined) {
+      $(".type-left ul li").eq(returnId()).addClass("active").siblings().removeClass("active")
+      renderRight(returnId())
+    } 
+    
+    $(".type-left ul li").on('click',function(){
+      $(this).addClass("active").siblings().removeClass("active")
+      renderRight($(this).index())
+    })
+   
+  }
+
+  renderLeft()
+  renderRight(0)
+
+  bindLeftLiClick()
+})()

历届学生/刘合群/菜谱/js/utils.js

@@ -0,0 +1,24 @@
+function get (params) {
+  YDUI.dialog.loading.open('正在请求数据...');
+  $.ajax({
+    url: `http://127.0.0.1:3000${params.url}`,
+    type: 'GET',
+    data: params.data,
+    success: function (res) {
+      YDUI.dialog.loading.close();
+      if(res.resultcode == "200") {
+        params.callback(res.result)
+      } else {
+        YDUI.dialog.toast(res.reason, 'error', 3000);
+      }
+    },
+    error: function(err) {
+      YDUI.dialog.loading.close();
+      YDUI.dialog.toast('抱歉，请求失败，请稍后重试', 'error', 3000);
+    }
+  })
+}
+
+function returnId() {
+  return location.search.split("=")[1]
+}

历届学生/刘合群/菜谱/js/ydui.flexible.js

@@ -0,0 +1,38 @@
+/**
+ * YDUI 可伸缩布局方案
+ * rem计算方式：设计图尺寸px / 100 = 实际rem  例: 100px = 1rem
+ */
+!function (window) {
+
+    /* 设计图文档宽度 */
+    var docWidth = 750;
+
+    var doc = window.document,
+        docEl = doc.documentElement,
+        resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize';
+
+    var recalc = (function refreshRem () {
+        var clientWidth = docEl.getBoundingClientRect().width;
+
+        /* 8.55：小于320px不再缩小，11.2：大于420px不再放大 */
+        docEl.style.fontSize = Math.max(Math.min(20 * (clientWidth / docWidth), 11.2), 8.55) * 5 + 'px';
+
+        return refreshRem;
+    })();
+
+    /* 添加倍屏标识，安卓倍屏为1 */
+    docEl.setAttribute('data-dpr', window.navigator.appVersion.match(/iphone/gi) ? window.devicePixelRatio : 1);
+
+    if (/iP(hone|od|ad)/.test(window.navigator.userAgent)) {
+        /* 添加IOS标识 */
+        doc.documentElement.classList.add('ios');
+        /* IOS8以上给html添加hairline样式，以便特殊处理 */
+        if (parseInt(window.navigator.appVersion.match(/OS (\d+)_(\d+)_?(\d+)?/)[1], 10) >= 8)
+            doc.documentElement.classList.add('hairline');
+    }
+
+    if (!doc.addEventListener) return;
+    window.addEventListener(resizeEvt, recalc, false);
+    doc.addEventListener('DOMContentLoaded', recalc, false);
+
+}(window);

历届学生/刘合群/菜谱/service/index.js

@@ -0,0 +1,44 @@
+const express = require('express')
+const app = express()
+const request = require('request');
+
+var Setting = {
+  appkey: 'c3954f8fddc58db4aabdbf05918afcff',
+  baseUrl: 'http://apis.juhe.cn/cook/'
+}
+
+app.all("*",function (req,res,next) {
+  res.header("Access-Control-Allow-Origin","*");
+  res.header("Access-Control-Allow-Headers", "X-Requested-With");
+  res.header("Access-Control-Allow-Methods","PUT,POST,GET,DELETE,OPTIONS");
+  res.header("Content-Type", "application/json;charset=utf-8");
+  next();
+});
+
+app.get('/category', (req, res) => {
+  request(`${Setting.baseUrl}category?key=${Setting.appkey}`, function (error, response, body) {
+    res.json(JSON.parse(body))
+  });
+});
+
+app.get('/query', (req, res) => {
+  var menu = req.query.menu;
+  
+  request(`${Setting.baseUrl}query?key=${Setting.appkey}&menu=${encodeURI(menu)}&rn=30&pn=3`, function (error, response, body) {
+    res.json(JSON.parse(body))
+  });
+});
+
+app.get('/index', (req, res) => {
+  var cid = req.query.cid,
+      pn = req.query.pn;
+  
+  request(`${Setting.baseUrl}index?key=${Setting.appkey}&cid=${cid}&rn=30&pn=${pn}`, function (error, response, body) {
+    res.json(JSON.parse(body))
+  });
+});
+
+
+app.listen(3000, function(){
+  console.log('Example app listening on port 3000!')
+})

历届学生/刘合群/菜谱/service/package.json

@@ -0,0 +1,16 @@
+{
+  "name": "service",
+  "version": "1.0.0",
+  "description": "",
+  "main": "index.js",
+  "scripts": {
+    "dev": "node-dev index.js"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "dependencies": {
+    "express": "^4.17.1",
+    "request": "^2.88.0"
+  }
+}

历届学生/刘合群/菜谱/view/classinfo.html

@@ -0,0 +1,46 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="UTF-8">
+    <title>分类详情</title>
+    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport" />
+    <meta content="yes" name="apple-mobile-web-app-capable" />
+    <meta content="black" name="apple-mobile-web-app-status-bar-style" />
+    <meta content="telephone=no" name="format-detection" />
+    <!-- 引入YDUI样式 -->
+    <link rel="stylesheet" href="../css/clear.css">
+    <link rel="stylesheet" href="../css/ydui.css" />
+    <link rel="stylesheet" href="../css/public.css">
+    <link rel="stylesheet" href="../css/classinfo.css" />
+    <!-- 引入YDUI自适应解决方案类库 -->
+    <script src="../js/ydui.flexible.js"></script>
+</head>
+<body>
+<div class="g-view">
+   
+  <header class="m-navbar navbar-fixed">
+    <a onclick="history.back()" class="navbar-item">
+      <i class="back-ico"></i>
+    </a>
+    <div class="navbar-center">
+      <span class="navbar-title">分类详情</span>
+    </div>
+  </header>
+
+  <div class="g-scrollview">
+    <article class="m-list list-theme4">
+        
+    </article>
+  </div>
+
+
+</div>
+
+<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.js"></script>
+<!-- 引入YDUI脚本 -->
+<script src="../js/ydui.js"></script>
+<script src="../js/utils.js"></script>
+<script src="../js/classinfo.js"></script>
+
+</body>
+</html>

历届学生/刘合群/菜谱/view/index.html

@@ -0,0 +1,111 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="UTF-8">
+    <title></title>
+    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport" />
+    <meta content="yes" name="apple-mobile-web-app-capable" />
+    <meta content="black" name="apple-mobile-web-app-status-bar-style" />
+    <meta content="telephone=no" name="format-detection" />
+    <link rel="stylesheet" href="../css/clear.css">
+    <link rel="stylesheet" href="../css/ydui.css" />
+    <link rel="stylesheet" href="../css/public.css">
+    <link rel="stylesheet" href="../css/index.css" />
+    <!-- 引入YDUI自适应解决方案类库 -->
+    <script src="../js/ydui.flexible.js"></script>
+</head>
+<body>
+<div class="g-view">
+   
+  <header class="m-navbar navbar-fixed">
+    <a href="#" class="navbar-item">
+      <i class="icon-ucenter"></i>
+    </a>
+    <div class="navbar-center">
+      <span class="navbar-title">美食家教</span>
+    </div>
+  </header>
+
+  <div class="g-scrollview">
+      <div class="m-slider" id="J_Slider">
+          <div class="slider-wrapper">
+              <div class="slider-item">
+                  <a href="#">
+                      <img src="../img/swiper-1.jpg">
+                  </a>
+              </div>
+              <div class="slider-item">
+                  <a href="#">
+                      <img src="../img/swiper-2.jpg">
+                  </a>
+              </div>
+              <div class="slider-item">
+                  <a href="#">
+                      <img src="../img/swiper-3.jpg">
+                  </a>
+              </div>
+          </div>
+          <div class="slider-pagination"></div><!-- 分页标识 -->
+      </div>
+      <div class="type">
+          <ul>
+              <li>
+                <a href="./type.html?id=1">
+                    <img src="../img/class_1.png" alt="">
+                    <p>菜系</p>
+                </a>
+              </li>
+              <li>
+                 <a href="./type.html?id=9">
+                    <img src="../img/class_2.png" alt="">
+                    <p>汤羹饮品</p>
+                 </a>
+              </li>
+              <li>
+                 <a href="./type.html?id=4">
+                    <img src="../img/class_3.png" alt="">
+                    <p>场景</p>
+                 </a>
+              </li>
+              <li>
+                 <a href="./type.html?id=7">
+                    <img src="../img/class_4.png" alt="">
+                    <p>主食</p>
+                 </a>
+              </li>
+          </ul>
+      </div>
+      <article class="m-list list-theme2">
+        
+      </article>
+  </div>
+
+  <footer class="m-tabbar tabbar-fixed">
+      <a href="./index.html" class="tabbar-item tabbar-active">
+          <span class="tabbar-icon">
+              <i class="icon-home"></i>
+          </span>
+          <span class="tabbar-txt">首页</span>
+      </a>
+      <a href="./type.html" class="tabbar-item">
+          <span class="tabbar-icon">
+              <i class="icon-type"></i>
+          </span>
+          <span class="tabbar-txt">分类</span>
+      </a>
+      <a href="./my.html" class="tabbar-item">
+          <span class="tabbar-icon">
+              <i class="icon-ucenter-outline"></i>
+          </span>
+          <span class="tabbar-txt">我的</span>
+      </a>
+  </footer> 
+</div>
+
+<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.js"></script>
+<!-- 引入YDUI脚本 -->
+<script src="../js/ydui.js"></script>
+<script src="../js/utils.js"></script>
+<script src="../js/index.js"></script>
+
+</body>

历届学生/刘合群/菜谱/view/info.html

@@ -0,0 +1,64 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="UTF-8">
+    <title></title>
+    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport" />
+    <meta content="yes" name="apple-mobile-web-app-capable" />
+    <meta content="black" name="apple-mobile-web-app-status-bar-style" />
+    <meta content="telephone=no" name="format-detection" />
+    <!-- 引入YDUI样式 -->
+    <link rel="stylesheet" href="../css/clear.css">
+    <link rel="stylesheet" href="../css/ydui.css" />
+    <link rel="stylesheet" href="../css/public.css">
+    <link rel="stylesheet" href="../css/info.css" />
+    <!-- 引入YDUI自适应解决方案类库 -->
+    <script src="../js/ydui.flexible.js"></script>
+    <script src="http://at.alicdn.com/t/font_1196533_0zdvcv4mb8wn.js"></script>
+</head>
+<body>
+<div class="g-view">
+   
+
+
+  <div class="g-scrollview">
+    <div class="header">
+      <svg class="icon" onclick="history.back()"  aria-hidden="true">
+        <use xlink:href="#icon-fanhui-"></use>
+      </svg>
+      <i class="icon icon-star-outline" id="likefood"></i>
+    </div>
+    <div class="info-header">
+    </div>
+    <div class="info-title padding20">
+      <h3>........</h3>
+      <p>........</p>
+    </div>
+    <div class="info-cail padding20">
+      <div class="item1">
+        <h3>主料</h3>
+        <p>........</p>
+      </div>
+      <div class="item2">
+        <h3>辅料</h3>
+        <p>........</p>
+      </div>
+    </div>
+    <div class="list-item">
+      <ul>
+        
+      </ul>
+    </div>
+  </div>
+
+
+
+</div>
+    
+<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.js"></script>
+<!-- 引入YDUI脚本 -->
+<script src="../js/ydui.js"></script>
+<script src="../js/utils.js"></script>
+<script src="../js/info.js"></script>
+
+</body>

历届学生/刘合群/菜谱/view/like.html

@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="UTF-8">
+    <title></title>
+    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport" />
+    <meta content="yes" name="apple-mobile-web-app-capable" />
+    <meta content="black" name="apple-mobile-web-app-status-bar-style" />
+    <meta content="telephone=no" name="format-detection" />
+    <link rel="stylesheet" href="../css/clear.css">
+    <link rel="stylesheet" href="../css/ydui.css" />
+    <link rel="stylesheet" href="../css/public.css">
+    <link rel="stylesheet" href="../css/like.css" />
+    <!-- 引入YDUI自适应解决方案类库 -->
+    <script src="../js/ydui.flexible.js"></script>
+</head>
+<body>
+<div class="g-view">
+
+  <header class="m-navbar navbar-fixed">
+    <a onclick="history.back()" class="navbar-item">
+      <i class="back-ico"></i>
+    </a>
+    <div class="navbar-center">
+      <span class="navbar-title">收藏</span>
+    </div>
+  </header>
+
+  <div class="g-scrollview">
+    <article class="m-list list-theme1">
+        
+    </article>
+
+    <div class="m-actionsheet" id="J_ActionSheet">
+        <a href="#" class="actionsheet-item delete-like">删除收藏</a>
+        <a href="javascript:;" class="actionsheet-action" id="J_Cancel">取消</a>
+    </div>
+  </div>
+
+
+
+</div>
+
+<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.js"></script>
+<!-- 引入YDUI脚本 -->
+<script src="../js/ydui.js"></script>
+<script src="../js/utils.js"></script>
+<script src="../js/like.js"></script>
+
+</body>

历届学生/刘合群/菜谱/view/my.html

@@ -0,0 +1,75 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="UTF-8">
+    <title></title>
+    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport" />
+    <meta content="yes" name="apple-mobile-web-app-capable" />
+    <meta content="black" name="apple-mobile-web-app-status-bar-style" />
+    <meta content="telephone=no" name="format-detection" />
+    <link rel="stylesheet" href="../css/clear.css">
+    <link rel="stylesheet" href="../css/ydui.css" />
+    <link rel="stylesheet" href="../css/public.css">
+    <link rel="stylesheet" href="../css/my.css" />
+    <!-- 引入YDUI自适应解决方案类库 -->
+    <script src="../js/ydui.flexible.js"></script>
+</head>
+<body>
+<div class="g-view">
+
+  <div class="g-scrollview">
+   <div class="my">
+     <div class="my-header">
+       <h2>开启美食之旅</h2>
+       <img src="../img/my-log.png" alt="">
+     </div>
+     <div class="my-list">
+       <ul>
+         <li>
+          <a href="./like.html">
+            <p>我的收藏</p>
+            <i class="icon-star-outline"></i>
+          </a>
+         </li>
+         <li class="contact">
+          <p>联系我们</p>
+          <i class="icon-phone2"></i>
+        </li>
+        <li class="update">
+          <p>监测升级</p>
+          <i class="icon-download"></i>
+        </li>
+       </ul>
+     </div>
+   </div>
+  </div>
+
+  <footer class="m-tabbar tabbar-fixed">
+      <a href="./index.html" class="tabbar-item">
+          <span class="tabbar-icon">
+              <i class="icon-home"></i>
+          </span>
+          <span class="tabbar-txt">首页</span>
+      </a>
+      <a href="./type.html" class="tabbar-item">
+          <span class="tabbar-icon">
+              <i class="icon-type"></i>
+          </span>
+          <span class="tabbar-txt">分类</span>
+      </a>
+      <a href="./my.html" class="tabbar-item tabbar-active">
+          <span class="tabbar-icon">
+              <i class="icon-ucenter-outline"></i>
+          </span>
+          <span class="tabbar-txt">我的</span>
+      </a>
+  </footer> 
+</div>
+
+<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.js"></script>
+<!-- 引入YDUI脚本 -->
+<script src="../js/ydui.js"></script>
+<script src="../js/utils.js"></script>
+<script src="../js/my.js"></script>
+
+</body>

历届学生/刘合群/菜谱/view/type.html

@@ -0,0 +1,73 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="UTF-8">
+    <title></title>
+    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport" />
+    <meta content="yes" name="apple-mobile-web-app-capable" />
+    <meta content="black" name="apple-mobile-web-app-status-bar-style" />
+    <meta content="telephone=no" name="format-detection" />
+    <!-- 引入YDUI样式 -->
+    <link rel="stylesheet" href="../css/clear.css">
+    <link rel="stylesheet" href="../css/ydui.css" />
+    <link rel="stylesheet" href="../css/public.css">
+    <link rel="stylesheet" href="../css/type.css" />
+    <!-- 引入YDUI自适应解决方案类库 -->
+    <script src="../js/ydui.flexible.js"></script>
+</head>
+<body>
+<div class="g-view">
+   
+  <header class="m-navbar navbar-fixed">
+    <a href="#" class="navbar-item">
+      <i class="icon-ucenter"></i>
+    </a>
+    <div class="navbar-center">
+      <span class="navbar-title">分类</span>
+    </div>
+  </header>
+
+  <div class="g-scrollview">
+    <div class="type-main">
+      <div class="type-left left">
+        <ul>
+        </ul>
+      </div>
+      <div class="type-right left">
+        <ul>
+        </ul>
+      </div>
+    </div>
+  </div>
+
+  <footer class="m-tabbar tabbar-fixed">
+      <a href="./index.html" class="tabbar-item">
+          <span class="tabbar-icon">
+              <i class="icon-home"></i>
+          </span>
+          <span class="tabbar-txt">首页</span>
+      </a>
+      <a href="./type.html" class="tabbar-item tabbar-active">
+          <span class="tabbar-icon">
+              <i class="icon-type"></i>
+          </span>
+          <span class="tabbar-txt">分类</span>
+      </a>
+      <a href="./my.html" class="tabbar-item">
+          <span class="tabbar-icon">
+              <i class="icon-ucenter-outline"></i>
+          </span>
+          <span class="tabbar-txt">我的</span>
+      </a>
+  </footer> 
+</div>
+
+<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.js"></script>
+<!-- 引入YDUI脚本 -->
+<script src="../js/ydui.js"></script>
+<script src="../js/utils.js"></script>
+<script src="../js/typeData.js"></script>
+<script src="../js/type.js"></script>
+
+</body>
+</html>

历届学生/刘合群/菜谱/笔记.txt

@@ -0,0 +1,15 @@
+1：参考网站：https://m.meishij.net/html5/zuofa/fanqiedunxianniunan.html
+实现详情页面样式。
+
+
+
+2：实现首页分类到分类页面的跳转 (完成)
+  新建页面，实现点击小分类展现分类列表（下拉加载）(完成)
+
+  详情页面的收藏 
+
+    1：拒绝多次点击的重复收藏 (完成)
+    2：重复收藏给予弹窗提示 (完成)
+    3：从其他页面重新进入当前详情页的时候应该对已经收藏的继续不可以点击，没有收藏可以点击 (完成)
+
+  实现我的页面，和收藏管理 (完成)