186 lines
5.4 KiB
HTML
186 lines
5.4 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Title</title>
|
|
<script src="../js/lib/rem.js"></script>
|
|
<link rel="stylesheet" href="http://at.alicdn.com/t/font_2124975_273pse87hq8.css">
|
|
<link href="https://cdn.bootcdn.net/ajax/libs/Swiper/6.8.0/swiper-bundle.min.css" rel="stylesheet">
|
|
<link rel="stylesheet" href="../css/clear.css">
|
|
<link rel="stylesheet" href="../css/public.css">
|
|
<link rel="stylesheet" href="../css/index.css">
|
|
</head>
|
|
|
|
<body>
|
|
<div class="header">
|
|
<i class="iconfont icon-wo"></i>
|
|
<a href="">输入关键词</a>
|
|
</div>
|
|
|
|
<div class="content">
|
|
<div class="swiper-container banner_swiper">
|
|
<div class="swiper-wrapper">
|
|
<div class="swiper-slide">
|
|
<img src="https://st-cn.meishij.net/p2/20211203/20211203162233_170.jpg" alt="">
|
|
</div>
|
|
<div class="swiper-slide">
|
|
<img src="https://st-cn.meishij.net/p2/20211203/20211203162233_170.jpg" alt="">
|
|
|
|
</div>
|
|
<div class="swiper-slide">
|
|
<img src="https://st-cn.meishij.net/p2/20211203/20211203162233_170.jpg" alt="">
|
|
|
|
</div>
|
|
</div>
|
|
<div class="swiper-pagination"></div>
|
|
|
|
</div>
|
|
|
|
<ul class="menu">
|
|
<li>
|
|
<a href="">
|
|
<img src="https://s1.c.meishij.net/images/get3/fenlei/fl_shiyongfenlei_1.png" alt="">
|
|
<p>快手菜</p>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="">
|
|
<img src="https://s1.c.meishij.net/images/get3/fenlei/fl_shiyongfenlei_1.png" alt="">
|
|
<p>快手菜</p>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="">
|
|
<img src="https://s1.c.meishij.net/images/get3/fenlei/fl_shiyongfenlei_1.png" alt="">
|
|
<p>快手菜</p>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="">
|
|
<img src="https://s1.c.meishij.net/images/get3/fenlei/fl_shiyongfenlei_1.png" alt="">
|
|
<p>快手菜</p>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="">
|
|
<img src="https://s1.c.meishij.net/images/get3/fenlei/fl_shiyongfenlei_1.png" alt="">
|
|
<p>快手菜</p>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="">
|
|
<img src="https://s1.c.meishij.net/images/get3/fenlei/fl_shiyongfenlei_1.png" alt="">
|
|
<p>快手菜</p>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
|
|
<div class="threeMeals padding_lr">
|
|
<div class="title">每日三餐</div>
|
|
<ul>
|
|
<li class="active">早餐</li>
|
|
<li>午餐</li>
|
|
<li>下午茶</li>
|
|
<li>晚餐</li>
|
|
<li>夜宵</li>
|
|
</ul>
|
|
<div class="swiper-container">
|
|
<div class="swiper-wrapper">
|
|
<div class="swiper-slide">
|
|
<div class="threeMealsList">
|
|
<a href="">
|
|
<div class="threeMealsList_item">
|
|
<img src="https://st-cn.meishij.net/r/115/13/2253365/s2253365_154582781456999.jpg" alt="">
|
|
<p class="one ellipsis">自制烧卖</p>
|
|
<span class="two ellipsis">养</span>
|
|
<p class="the ellipsis">营养丰富，早餐最爱</p>
|
|
</div>
|
|
</a>
|
|
<a href="">
|
|
<div class="threeMealsList_item">
|
|
<img src="https://st-cn.meishij.net/r/115/13/2253365/s2253365_154582781456999.jpg" alt="">
|
|
<p class="one ellipsis">自制烧卖</p>
|
|
<span class="two ellipsis">养</span>
|
|
<p class="the ellipsis">营养丰富，早餐最爱</p>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="swiper-slide">
|
|
</div>
|
|
<div class="swiper-slide">
|
|
</div>
|
|
<div class="swiper-pagination"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="recommend padding_lr">
|
|
<div class="title">为你推荐</div>
|
|
<ul>
|
|
<li class="recommend_active">
|
|
<a href="./index.html">
|
|
<img src="../img/t_1.png" alt="">
|
|
<span>每日优惠</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="./type.html">
|
|
<img src="../img/t_2.png" alt="">
|
|
<span>食材大全</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="./index.html">
|
|
<img src="../img/t_3.png" alt="">
|
|
<span>热门专题</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="./type.html">
|
|
<img src="../img/t_4.png" alt="">
|
|
<span>菜谱分类</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="./index.html">
|
|
<img src="../img/t_5.png" alt="">
|
|
<span>本周流行</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="./video.html">
|
|
<img src="../img/t_6.png" alt="">
|
|
<span>视频菜谱</span>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</body>
|
|
<script src="../js/lib/jquery.min.js"></script>
|
|
<script src="https://cdn.bootcdn.net/ajax/libs/Swiper/6.8.0/swiper-bundle.min.js"></script>
|
|
<script src="../js/config/config.js"></script>
|
|
<script src="../js/http/http.js"></script>
|
|
<script src="../js/service/indexService.js"></script>
|
|
<script src="../js/utils/utils.js"></script>
|
|
<script src="../js/page/index.js"></script>
|
|
|
|
|
|
|
|
<script>
|
|
var mySwiper = new Swiper('.swiper-container', {
|
|
direction: 'horizontal',
|
|
pagination: {
|
|
el: '.swiper-pagination',
|
|
},
|
|
})
|
|
</script>
|
|
|
|
</html> |