111 lines
3.5 KiB
HTML
111 lines
3.5 KiB
HTML
<!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> |