223 lines
9.5 KiB
HTML
223 lines
9.5 KiB
HTML
<!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>46</title>
|
|
<script src="./rem.js"></script>
|
|
<link rel="stylesheet" href="http://at.alicdn.com/t/font_3445167_it6ine1mov8.css">
|
|
<link rel="stylesheet" href="./css/clear.css">
|
|
<link rel="stylesheet" href="./css/public.css">
|
|
<link rel="stylesheet" href="./css/46.css">
|
|
</head>
|
|
|
|
<body>
|
|
<div class="header">
|
|
<div></div>
|
|
<ul>
|
|
<li>圈子</li>
|
|
<li class="active">附近</li>
|
|
</ul>
|
|
<img src="./img/46/camer.png" alt="">
|
|
</div>
|
|
<div class="content">
|
|
<img class="background" src="./img/46/background.png" alt="">
|
|
<ul class="main">
|
|
<li>
|
|
<div class="left">
|
|
<img src="./img/46/shoppictu.png" alt="">
|
|
<img src="./img/46/home.png" alt="">
|
|
</div>
|
|
<div class="right">
|
|
<div>
|
|
<!-- 店铺名 -->
|
|
<div class="name">
|
|
<span>护肤品专卖店</span>
|
|
<span>>200km</span>
|
|
</div>
|
|
<p>我亲测好用我亲测好用我亲测好用我亲测好用我亲测好
|
|
用我亲测好用我亲测好用我亲测好用我亲测好用我亲好
|
|
用我亲测我亲测我亲测我亲测</p>
|
|
<!-- 三个图片 -->
|
|
<ul class="goods">
|
|
<li>
|
|
<div class="tupian">
|
|
<img src="./img/46/picture.png" alt="">
|
|
<img src="./img/46/black.png" alt="">
|
|
</div>
|
|
<div class="price">
|
|
<img src="./img/46/money.png" alt="">
|
|
<div>
|
|
<span>289.</span>
|
|
<span>00</span>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<div class="tupian">
|
|
<img src="./img/46/picture.png" alt="">
|
|
<img src="./img/46/black.png" alt="">
|
|
</div>
|
|
<div class="price">
|
|
<img src="./img/46/money.png" alt="">
|
|
<div>
|
|
<span>289.</span>
|
|
<span>00</span>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<div class="tupian">
|
|
<img src="./img/46/picture.png" alt="">
|
|
<img src="./img/46/black.png" alt="">
|
|
</div>
|
|
<div class="price">
|
|
<img src="./img/46/money.png" alt="">
|
|
<div>
|
|
<span>289.</span>
|
|
<span>00</span>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="under">
|
|
<!-- 时间 -->
|
|
<div class="hour">
|
|
<div class="time">
|
|
<span>3 </span>
|
|
<span>分钟前</span>
|
|
</div>
|
|
<div class="drop">
|
|
<img src="./img/46/drop.png" alt="">
|
|
</div>
|
|
</div>
|
|
<!-- 评论 -->
|
|
<div class="comment">
|
|
<div class="like line">
|
|
<img src="./img/46/linke.png" alt="">
|
|
<span>张三</span>
|
|
<span>、</span>
|
|
<span>李</span>
|
|
</div>
|
|
<ul class="discuss">
|
|
<li>
|
|
<span>小可</span>
|
|
<span>:精彩</span>
|
|
</li>
|
|
<li>
|
|
<span>小可</span>
|
|
<span>:精彩</span>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<div class="left">
|
|
<img src="./img/46/shoppictu.png" alt="">
|
|
<img src="./img/46/home.png" alt="">
|
|
</div>
|
|
<div class="right">
|
|
<div>
|
|
<!-- 店铺名 -->
|
|
<div class="name">
|
|
<span>护肤品专卖店</span>
|
|
<span>>200km</span>
|
|
</div>
|
|
<p>我亲测好用我亲测好用我亲测好用我亲测好用我亲测好
|
|
用我亲测好用我亲测好用我亲测好用我亲测好用我亲好
|
|
用我亲测我亲测我亲测我亲测</p>
|
|
<!-- 三个图片 -->
|
|
<ul class="goods">
|
|
<li>
|
|
<div class="tupian">
|
|
<img src="./img/46/picture.png" alt="">
|
|
<img src="./img/46/black.png" alt="">
|
|
</div>
|
|
<div class="price">
|
|
<img src="./img/46/money.png" alt="">
|
|
<div>
|
|
<span>289.</span>
|
|
<span>00</span>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<div class="tupian">
|
|
<img src="./img/46/picture.png" alt="">
|
|
<img src="./img/46/black.png" alt="">
|
|
</div>
|
|
<div class="price">
|
|
<img src="./img/46/money.png" alt="">
|
|
<div>
|
|
<span>289.</span>
|
|
<span>00</span>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<div class="tupian">
|
|
<img src="./img/46/picture.png" alt="">
|
|
<img src="./img/46/black.png" alt="">
|
|
</div>
|
|
<div class="price">
|
|
<img src="./img/46/money.png" alt="">
|
|
<div>
|
|
<span>289.</span>
|
|
<span>00</span>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="under">
|
|
<!-- 时间 -->
|
|
<div class="hour">
|
|
<div class="time">
|
|
<span>3 </span>
|
|
<span>分钟前</span>
|
|
</div>
|
|
<div class="drop">
|
|
<img src="./img/46/drop.png" alt="">
|
|
</div>
|
|
</div>
|
|
<!-- 评论 -->
|
|
<div class="comment">
|
|
<div class="like line">
|
|
<img src="./img/46/linke.png" alt="">
|
|
<span>张三</span>
|
|
<span>、</span>
|
|
<span>李</span>
|
|
</div>
|
|
<ul class="discuss">
|
|
<li>
|
|
<span>小可</span>
|
|
<span>:精彩</span>
|
|
</li>
|
|
<li>
|
|
<span>小可</span>
|
|
<span>:精彩</span>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<ul class="fooder">
|
|
<li>首页</li>
|
|
<li>好友</li>
|
|
<li class="active">圈子</li>
|
|
<li>购物车</li>
|
|
<li>我的</li>
|
|
</ul>
|
|
|
|
</body>
|
|
|
|
</html> |