|
|
@@ -0,0 +1,158 @@
|
|
|
+<!DOCTYPE html>
|
|
|
+<html lang="en">
|
|
|
+<head>
|
|
|
+ <meta charset="UTF-8">
|
|
|
+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
|
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
+ <title>Document</title>
|
|
|
+ <script src="rem.js"></script>
|
|
|
+ <link rel="stylesheet" href="css/reset.css">
|
|
|
+ <link rel="stylesheet" href="font/iconfont.css">
|
|
|
+ <link rel="stylesheet" href="css/index.css">
|
|
|
+</head>
|
|
|
+<body>
|
|
|
+ <div id="header">
|
|
|
+ <div class="position">
|
|
|
+ <span class="iconfont icon-weizhi"></span>
|
|
|
+ 上海市
|
|
|
+ <span class="iconfont icon-xiangxiajiantou"></span>
|
|
|
+ </div>
|
|
|
+ <div class="search">
|
|
|
+ <input type="text" placeholder="搜索商家或者商品名称">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="slide">
|
|
|
+ <img src="images/img01.png" alt="">
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <div class="cate-title">
|
|
|
+ <span>千库网上海分店</span>
|
|
|
+ </div>
|
|
|
+ <ul class="list-box">
|
|
|
+ <li class="list">
|
|
|
+ <img src="images/icon01.png" alt="">
|
|
|
+ <p>食品食材</p>
|
|
|
+ </li>
|
|
|
+ <li class="list">
|
|
|
+ <img src="images/icon01.png" alt="">
|
|
|
+ <p>食品食材</p>
|
|
|
+ </li>
|
|
|
+ <li class="list">
|
|
|
+ <img src="images/icon01.png" alt="">
|
|
|
+ <p>食品食材</p>
|
|
|
+ </li>
|
|
|
+ <li class="list">
|
|
|
+ <img src="images/icon01.png" alt="">
|
|
|
+ <p>食品食材</p>
|
|
|
+ </li>
|
|
|
+ <li class="list">
|
|
|
+ <img src="images/icon01.png" alt="">
|
|
|
+ <p>食品食材</p>
|
|
|
+ </li>
|
|
|
+ <li class="list">
|
|
|
+ <img src="images/icon01.png" alt="">
|
|
|
+ <p>食品食材</p>
|
|
|
+ </li>
|
|
|
+ <li class="list">
|
|
|
+ <img src="images/icon01.png" alt="">
|
|
|
+ <p>食品食材</p>
|
|
|
+ </li>
|
|
|
+ <li class="list">
|
|
|
+ <img src="images/icon01.png" alt="">
|
|
|
+ <p>食品食材</p>
|
|
|
+ </li>
|
|
|
+ <li class="list">
|
|
|
+ <img src="images/icon01.png" alt="">
|
|
|
+ <p>食品食材</p>
|
|
|
+ </li>
|
|
|
+ <li class="list">
|
|
|
+ <img src="images/icon01.png" alt="">
|
|
|
+ <p>食品食材</p>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ <div class="hot-wrapper">
|
|
|
+ <div class="hot-title">
|
|
|
+ 全场都两折
|
|
|
+ </div>
|
|
|
+ <div class="hont-content">
|
|
|
+ <ul class="hot-list-box">
|
|
|
+ <li class="hot-list">
|
|
|
+ <img src="images/img02.png" alt="">
|
|
|
+ <div class="hot-info">手剥橙子生鲜薄皮</div>
|
|
|
+ <div class="price-box">
|
|
|
+ <div>
|
|
|
+ <div>￥34</div>
|
|
|
+ <div>￥88</div>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ 车
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li class="hot-list">
|
|
|
+ <img src="images/img02.png" alt="">
|
|
|
+ <div class="hot-info">手剥橙子生鲜薄皮</div>
|
|
|
+ <div class="price-box">
|
|
|
+ <div>
|
|
|
+ <div>￥34</div>
|
|
|
+ <div>￥88</div>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ 车
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li class="hot-list">
|
|
|
+ <img src="images/img02.png" alt="">
|
|
|
+ <div class="hot-info">手剥橙子生鲜薄皮</div>
|
|
|
+ <div class="price-box">
|
|
|
+ <div>
|
|
|
+ <div>￥34</div>
|
|
|
+ <div>￥88</div>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ 车
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="pro-list">
|
|
|
+ <ul>
|
|
|
+ <li class="pro-wrapper">
|
|
|
+ <img src="images/img03.jpg" alt="">
|
|
|
+ </li>
|
|
|
+ <li class="pro-wrapper">
|
|
|
+ <img src="images/img03.jpg" alt="">
|
|
|
+ </li>
|
|
|
+ <li class="pro-wrapper">
|
|
|
+ <img src="images/img03.jpg" alt="">
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ <ul>
|
|
|
+ <li class="pro-wrapper">
|
|
|
+ <img src="images/img04.jpg" alt="">
|
|
|
+ </li>
|
|
|
+ <li class="pro-wrapper">
|
|
|
+ <img src="images/img04.jpg" alt="">
|
|
|
+ </li>
|
|
|
+ <li class="pro-wrapper">
|
|
|
+ <img src="images/img04.jpg" alt="">
|
|
|
+ </li>
|
|
|
+ <li class="pro-wrapper">
|
|
|
+ <img src="images/img04.jpg" alt="">
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ <ul class="footer">
|
|
|
+ <li>首页</li>
|
|
|
+ <li>分类</li>
|
|
|
+ <li>发现</li>
|
|
|
+ <li>购物车</li>
|
|
|
+ <li>我的</li>
|
|
|
+ </ul>
|
|
|
+</body>
|
|
|
+</html>
|
zsydgithub