130 lines
4.8 KiB
HTML
130 lines
4.8 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>Document</title>
|
|
<script src="./js/rem.js"></script>
|
|
<link rel="stylesheet" href="./css/clear.css">
|
|
<link rel="stylesheet" href="./css/index46.css">
|
|
<link rel="stylesheet" href="./css/public.css">
|
|
</head>
|
|
|
|
<body>
|
|
<div class="header">
|
|
<ul class="head_top">
|
|
<li>
|
|
<a href="">圈子</a>
|
|
</li>
|
|
<li>
|
|
<a href="">附近</a>
|
|
</li>
|
|
</ul>
|
|
<div class="camera">
|
|
<img src="./img/46img/照相机.png" alt="">
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="content clear_size">
|
|
<ul class="dianpuxuanchuan">
|
|
<li class="dianpu">
|
|
<div class="dianpu_left">
|
|
<img class="dianputouxiang" src="./img/46img/店铺头像.png" alt="">
|
|
<div class="tubiao">
|
|
<img class="dianputubiao" src="./img/46img/店铺图标.png" alt="">
|
|
</div>
|
|
</div>
|
|
<div class="dianpu_right">
|
|
<div class="dianpu_right_name">
|
|
<p>护肤品专卖店</p>
|
|
<span>>200m</span>
|
|
</div>
|
|
<div class="dianpu_right_text">
|
|
我亲测好用我亲测好用我亲测好用我亲测好用我亲测好用我亲测好用我亲测好用我亲测好用我亲测好用我亲好用我亲测我亲测我亲测我亲测
|
|
</div>
|
|
<ul class="dianpu_right_show">
|
|
<li>
|
|
<div class="shangping">
|
|
<img src="./img/46img/86604拷贝.png" alt="">
|
|
<div class="yinying">
|
|
<img class="fuhao" src="./img/46img/人民币.png" alt="">
|
|
<span class="money">289.</span>
|
|
<span class="zero">00</span>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<div class="shangping">
|
|
<img src="./img/46img/86604拷贝.png" alt="">
|
|
<div class="yinying">
|
|
<img class="fuhao" src="./img/46img/人民币.png" alt="">
|
|
<span class="money">289.</span>
|
|
<span class="zero">00</span>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<div class="shangping">
|
|
<img src="./img/46img/86604拷贝.png" alt="">
|
|
<div class="yinying">
|
|
<img class="fuhao" src="./img/46img/人民币.png" alt="">
|
|
<span class="money">289.</span>
|
|
<span class="zero">00</span>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
<div class="time">
|
|
<div class="time_left">
|
|
<p>3</p>
|
|
<span>分钟前</span>
|
|
</div>
|
|
<img src="./img/46img/更多.png" alt="">
|
|
</div>
|
|
<div class="commentary">
|
|
<div class="commentary_top">
|
|
<img src="./img/46img/心.png" alt="">
|
|
<p>张三 、李</p>
|
|
</div>
|
|
<ul class="commentary_bottom">
|
|
<li class="commentary_bottom_list">
|
|
<p>小可</p>
|
|
<span>:精彩</span>
|
|
</li>
|
|
<li class="commentary_bottom_list">
|
|
<p>小可</p>
|
|
<span>:精彩</span>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
|
|
</ul>
|
|
</div>
|
|
|
|
|
|
|
|
<ul class="footer clear_size">
|
|
<li>
|
|
<a href="">首页</a>
|
|
</li>
|
|
<li>
|
|
<a href="">好友</a>
|
|
</li>
|
|
<li class="active">
|
|
<a href="">圈子</a>
|
|
</li>
|
|
<li>
|
|
<a href="">购物车</a>
|
|
</li>
|
|
<li>
|
|
<a href="">我的</a>
|
|
</li>
|
|
</ul>
|
|
</body>
|
|
|
|
</html> |