bmy/ClassContent
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

first commit

Browse Source
This commit is contained in:
编码猿
2024-09-27 02:06:13 +08:00
commit 852d94fbb9
36760 changed files with 3274413 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

64
历届学生/罗朝/项目练习/cp/view/about.html Normal file
View File

@@ -0,0 +1,64 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<!-- 引入YDUI样式 -->
<link rel="stylesheet" href="../css/ydui.css" />
<link rel="stylesheet" href="../css/clear.css">
<link rel="stylesheet" href="../css/about.css">
<!-- 引入YDUI自适应解决方案类库 -->
<script src="../js/ydui.flexible.js"></script>
<title>我的</title>
</head>
<body>
<div class="g-view">
<div class="top-title">
<h2>我的美食之旅</h2>
<i class="icon-ucenter-outline" style="font-size: 56px;"></i>
</div>
<div class="m-cell">
<a class="cell-item" href="./like.html">
<div class="cell-left">
我的收藏
</div>
<div class="cell-right">
<i class="cell-icon icon-like-outline"></i>
</div>
</a>
<a class="cell-item" href="javascript:; ">
<div class="cell-left">
意见反馈
</div>
<div class="cell-right">
<i class="cell-icon icon-feedback"></i>
</div>
</a>
</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="./class.html" class="tabbar-item">
<span class="tabbar-icon">
<i class="icon-type"></i>
</span>
<span class="tabbar-txt">分类</span>
</a>
<a href="./about.html" class="tabbar-item tabbar-active">
<span class="tabbar-icon">
<i class="icon-ucenter-outline"></i>
</span>
<span class="tabbar-txt">我的</span>
</a>
</footer>
</body>

123
历届学生/罗朝/项目练习/cp/view/class.html Normal file
View File

@@ -0,0 +1,123 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<!-- 引入YDUI样式 -->
<link rel="stylesheet" href="../css/ydui.css" />
<link rel="stylesheet" href="../css/clear.css">
<link rel="stylesheet" href="../css/class.css">
<!-- 引入YDUI自适应解决方案类库 -->
<script src="../js/ydui.flexible.js"></script>
<title>分类</title>
</head>
<body>
<div class="g-view">
<div class="class-title">
<h2>分类</h2>
<p>要吃什么，这里都有！</p>
</div>
<div class="m-cell">
<div class="cell-item">
<div class="cell-left">
<i class="cell-icon icon-search"></i>
</div>
<div class="cell-right">
<input type="text" class="cell-input" placeholder="点这里，做不一样的菜">
</div>
</div>
</div>
<div class="class-caipu">
<div class="caipu-title">
<h3>菜谱分类</h3>
<span>
<a href="./moreclass.html">更多分类</a>
</span>
</div>
<ul>
<li>
<img src="../img/class_shop_1.jpg" alt="">
<div></div>
<p>
<a href="./moreclass.html?id=6">菜肴</a>
</p>
</li>
<li>
<img src="../img/class_shop_1.jpg" alt="">
<div></div>
<p>
<a href="./moreclass.html?id=8">西点</a>
</p>
</li>
<li>
<img src="../img/class_shop_1.jpg" alt="">
<div></div>
<p>
<a href="./moreclass.html?id=5">工艺口味</a>
</p>
</li>
<li>
<img src="../img/class_shop_1.jpg" alt="">
<div></div>
<p>
<a href="./moreclass.html?id=7">主食</a>
</p>
</li>
<li>
<img src="../img/class_shop_1.jpg" alt="">
<div></div>
<p>
<a href="./moreclass.html?id=10">其他菜品</a>
</p>
</li>
<li>
<img src="../img/class_shop_1.jpg" alt="">
<div></div>
<p>
<a href="./moreclass.html?id=11">人群</a>
</p>
</li>
</ul>
</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="./class.html" class="tabbar-item tabbar-active">
<span class="tabbar-icon">
<i class="icon-type"></i>
</span>
<span class="tabbar-txt">分类</span>
</a>
<a href="./about.html" class="tabbar-item">
<span class="tabbar-icon">
<i class="icon-ucenter-outline"></i>
</span>
<span class="tabbar-txt">我的</span>
</a>
</footer>
<!-- 引入jQuery 2.0+ -->
<script src="../js/jquery.js"></script>
<!-- 引入YDUI脚本 -->
<script src="../js/ydui.js"></script>
<script src="../js/utils.js"></script>
<script>
Search('.cell-input')
</script>
</body>

141
历届学生/罗朝/项目练习/cp/view/index.html Normal file
View File

@@ -0,0 +1,141 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<!-- 引入YDUI样式 -->
<link rel="stylesheet" href="../css/ydui.css" />
<link rel="stylesheet" href="../css/clear.css">
<link rel="stylesheet" href="../css/index.css">
<!-- 引入YDUI自适应解决方案类库 -->
<script src="../js/ydui.flexible.js"></script>
<title>首页</title>
</head>
<body>
<header class="m-navbar navbar-fixed">
<a href="./about.html" class="navbar-item">
<i class="cell-icon icon-ucenter-outline"></i>
</a>
<div class="navbar-center">
<span class="navbar-title">
舌尖秘籍
</span>
</div>
<a onclick="javascript:location.href='./search.html' " class="navbar-item">
<i class="cell-icon icon-search"></i>
</a>
</header>
<div class="g-view">
<div class="m-slider" id="J_Slider">
<div class="slider-wrapper">
<div class="slider-item">
<a href="#">
<img src="../img/banner_1.jpg">
</a>
</div>
<div class="slider-item">
<a href="#">
<img src="../img/banner_2.jpg">
</a>
</div>
<div class="slider-item">
<a href="#">
<img src="../img/banner_3.png">
</a>
</div>
</div>
<div class="slider-pagination"></div><!-- 分页标识 -->
</div>
<div class="m-grids-4">
<a href="./moreclass.html?id=1" class="grids-item">
<div class="grids-icon">
<img src="../img/class_1.png">
</div>
<div class="grids-txt">
<span>菜系</span>
</div>
</a>
<a href="./moreclass.html?id=9" class="grids-item">
<div class="grids-icon">
<img src="../img/class_2.png">
</div>
<div class="grids-txt">
<span>汤羹饮品</span>
</div>
</a>
<a href="./moreclass.html?id=4" class="grids-item">
<div class="grids-icon">
<img src="../img/class_3.png">
</div>
<div class="grids-txt">
<span>场景</span>
</div>
</a>
<a href="./moreclass.html?id=7" class="grids-item">
<div class="grids-icon">
<img src="../img/class_4.png">
</div>
<div class="grids-txt">
<span>主食</span>
</div>
</a>
</div>
<div class="list-cp">
<div class="list-title">
<img src="../img/home_title_love.png" alt="">
<div class="list-info">
<span>猜你喜欢</span>
<p>21:16为您更新</p>
</div>
</div>
<article class="m-list list-theme3">
</article>
</div>
</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="./class.html" class="tabbar-item">
<span class="tabbar-icon">
<i class="icon-type"></i>
</span>
<span class="tabbar-txt">分类</span>
</a>
<a href="./about.html" class="tabbar-item">
<span class="tabbar-icon">
<i class="icon-ucenter-outline"></i>
</span>
<span class="tabbar-txt">我的</span>
</a>
</footer>
<!-- 引入jQuery 2.0+ -->
<script src="../js/jquery.js"></script>
<!-- 引入YDUI脚本 -->
<script src="../js/ydui.js"></script>
<script src="../js/utils.js"></script>
<script src="../js/index.js"></script>
<script>
$('#J_Slider').slider({
speed: 200,
autoplay: 100000,
lazyLoad: true,
effect: 'cube'
});
</script>
</body>
</html>

98
历届学生/罗朝/项目练习/cp/view/info.html Normal file
View File

@@ -0,0 +1,98 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<!-- 引入YDUI样式 -->
<link rel="stylesheet" href="../css/share.min.css">
<link rel="stylesheet" href="../css/ydui.css" />
<link rel="stylesheet" href="../css/clear.css">
<link rel="stylesheet" href="../css/info.css">
<!-- 引入YDUI自适应解决方案类库 -->
<script src="../js/ydui.flexible.js"></script>
<title></title>
<style>
.share {
position: fixed;
width: 100%;
height: 60px;
left: 0;
bottom: -60px;
z-index: 999;
background: #fff;
padding-top: 10px;
text-align: center;
}
</style>
</head>
<body>
<header class="m-navbar">
<a href="#" class="navbar-item">
<i class="cell-icon back-ico" onclick="javascript:history.back()"></i>
<i class="cell-icon icon-share2"></i>
</a>
<div class="navbar-center">
<span class="navbar-title">菜品详情</span>
</div>
<div class="navbar-item">
<a href="#">
<i class="like cell-icon icon-star-outline"></i>
</a>
</div>
</header>
<div class="g-view">
<div class="info-top">
<div class="top-zhezhao"></div>
</div>
<div class="info-action">
<div class="info-title">
<h2>香辣豆豉鲫鱼</h2>
<p>以前我们介绍过【午餐肉】、【清蒸猪肉】等常见的罐头口味菜品的烹饪方法，今天我们再介绍一道常见的罐头食品【豆豉鲫鱼】的做法...</p>
</div>
<div class="info-list-item zhu">
<h2>主料</h2>
<p>荷叶饼,6张;韭菜,200g;绿豆芽,200g;肉馅,200g</p>
</div>
<div class="info-list-item fu">
<h2>辅料</h2>
<p>盐,适量;水淀粉,适量</p>
</div>
<div class="info-step">
</div>
</div>
</div>
<div class="share">
<div class="social-share" data-disabled="google,twitter,facebook"></div>
</div>
<!-- 引入jQuery 2.0+ -->
<script src="../js/jquery.js"></script>
<!-- 引入YDUI脚本 -->
<script src="../js/ydui.js"></script>
<script src="../js/utils.js"></script>
<script src="../js/info.js"></script>
<script src="../js/social-share.min.js"></script>
<script>
// jq 监听页面滚动
$(window).scroll(function(){
//获取当前滑动的位置
var scrollTop = $(window).scrollTop();
// 如果大于导航条 45px 时候添加 改变背景色的类名
if(scrollTop > 45){
$(".m-navbar").addClass("active");
}else{ // 否则移除
$(".m-navbar").removeClass("active");
}
})
</script>
</body>
</html>

60
历届学生/罗朝/项目练习/cp/view/like.html Normal file
View File

@@ -0,0 +1,60 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<!-- 引入YDUI样式 -->
<link rel="stylesheet" href="../css/share.min.css">
<link rel="stylesheet" href="../css/ydui.css" />
<link rel="stylesheet" href="../css/clear.css">
<link rel="stylesheet" href="../css/like.css">
<!-- 引入YDUI自适应解决方案类库 -->
<script src="../js/ydui.flexible.js"></script>
<title></title>
</head>
<header class="m-navbar">
<a onclick="javascript: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-view">
<div class="m-actionsheet" id="J_ActionSheet">
<a href="#" class="actionsheet-item delete">删除该分类</a>
<a href="javascript:;" class="actionsheet-action" id="J_Cancel">取消</a>
</div>
<article class="m-list list-theme4">
</article>
</div>
<!-- 引入jQuery 2.0+ -->
<script src="../js/jquery.js"></script>
<!-- 引入YDUI脚本 -->
<script src="../js/ydui.js"></script>
<script src="../js/utils.js"></script>
<script src="../js/like.js"></script>
<script>
// jq 监听页面滚动
$(window).scroll(function(){
//获取当前滑动的位置
var scrollTop = $(window).scrollTop();
// 如果大于导航条 45px 时候添加 改变背景色的类名
if(scrollTop > 45){
$(".m-navbar").addClass("active");
}else{ // 否则移除
$(".m-navbar").removeClass("active");
}
})
</script>
</body>
</html>

45
历届学生/罗朝/项目练习/cp/view/list.html Normal file
View File

@@ -0,0 +1,45 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<!-- 引入YDUI样式 -->
<link rel="stylesheet" href="../css/ydui.css" />
<link rel="stylesheet" href="../css/clear.css">
<link rel="stylesheet" href="../css/index.css">
<!-- 引入YDUI自适应解决方案类库 -->
<script src="../js/ydui.flexible.js"></script>
<title>菜单列表</title>
</head>
<body>
<header class="m-navbar navbar-fixed">
<a onclick="javascript:history.back()" class="navbar-item">
<i class="cell-icon back-ico"></i>
</a>
<div class="navbar-center">
<span class="navbar-title">菜品列表</span>
</div>
<a onclick="javascript:location.href='./search.html' " class="navbar-item">
<i class="cell-icon icon-search"></i>
</a>
</header>
<div class="g-view">
<article class="m-list list-theme4">
</article>
</div>
<!-- 引入jQuery 2.0+ -->
<script src="../js/jquery.js"></script>
<!-- 引入YDUI脚本 -->
<script src="../js/ydui.js"></script>
<script src="../js/utils.js"></script>
<script src="../js/list.js"></script>
</body>
</html>

52
历届学生/罗朝/项目练习/cp/view/moreclass.html Normal file
View File

@@ -0,0 +1,52 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<!-- 引入YDUI样式 -->
<link rel="stylesheet" href="../css/ydui.css" />
<link rel="stylesheet" href="../css/clear.css">
<link rel="stylesheet" href="../css/moreclass.css">
<!-- 引入YDUI自适应解决方案类库 -->
<script src="../js/ydui.flexible.js"></script>
<title>更多分类</title>
</head>
<body>
<header class="m-navbar navbar-fixed">
<a onclick="javascript:history.back()" class="navbar-item">
<i class="cell-icon back-ico"></i>
</a>
<div class="navbar-center">
<span class="navbar-title">分类</span>
</div>
<a onclick="javascript:location.href='./search.html' " class="navbar-item">
<i class="cell-icon icon-search"></i>
</a>
</header>
<div class="g-view">
<div class="view-main">
<div class="view-left">
<ul>
</ul>
</div>
<div class="view-right">
<ul>
</ul>
</div>
</div>
</div>
<!-- 引入jQuery 2.0+ -->
<script src="../js/jquery.js"></script>
<!-- 引入YDUI脚本 -->
<script src="../js/ydui.js"></script>
<script src="../js/classData.js"></script>
<script src="../js/moreclass.js"></script>
<body

51
历届学生/罗朝/项目练习/cp/view/search.html Normal file
View File

@@ -0,0 +1,51 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<!-- 引入YDUI样式 -->
<link rel="stylesheet" href="../css/ydui.css" />
<link rel="stylesheet" href="../css/clear.css">
<link rel="stylesheet" href="../css/search.css">
<!-- 引入YDUI自适应解决方案类库 -->
<script src="../js/ydui.flexible.js"></script>
<title>搜索</title>
</head>
<body>
<header class="m-navbar">
<a onclick="javascript: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-view">
<div class="m-cell">
<div class="cell-item">
<div class="cell-left">
<i class="cell-icon icon-search"></i>
</div>
<div class="cell-right">
<input type="text" class="cell-input searchKey" placeholder="点这里，做不一样的菜">
</div>
</div>
</div>
</div>
<!-- 引入jQuery 2.0+ -->
<script src="../js/jquery.js"></script>
<!-- 引入YDUI脚本 -->
<script src="../js/ydui.js"></script>
<script src="../js/utils.js"></script>
<script>
Search('.searchKey')
</script>
</body>
</html>