124 lines
5.4 KiB
HTML
124 lines
5.4 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>
|
|
<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_top">111111111</div>
|
|
<div class="header">
|
|
<div class="header_none">
|
|
<div></div>
|
|
<div class="header_text">
|
|
<div class="header_text_circle">圈子</div>
|
|
<div class="header_text_nearby">附近</div>
|
|
</div>
|
|
<img src="./img/cam.png" alt="" class="header_img">
|
|
</div>
|
|
</div>
|
|
<div class="content">
|
|
<div><img src="./img/touxiang .png" alt="" class="content_info"></div>
|
|
<div class="content_right">
|
|
<div class="content_right_title">
|
|
<div class="right_title_shop">护肤品专卖店</div>
|
|
<div class="right_title_distance">>200km</div>
|
|
</div>
|
|
<div class="content_right_text">
|
|
我亲测好用我亲测好用我亲测好用我亲测好用我亲测好
|
|
用我亲测好用我亲测好用我亲测好用我亲测好用我亲好
|
|
用我亲测我亲测我亲测我亲测"
|
|
</div>
|
|
<div class="content_right_img">
|
|
<img src="./img/shop.png" alt="">
|
|
<img src="./img/shop.png" alt="">
|
|
<img src="./img/shop.png" alt="">
|
|
</div>
|
|
<div class="content_right_time">
|
|
<div class="">
|
|
<span class="content_right_time_branch">3</span>
|
|
<span class="content_right_time_text">分钟前</span>
|
|
</div>
|
|
<img src="./img/pinglun.png" alt="" class="content_right_time_img">
|
|
</div>
|
|
<div class="content_right_comment">
|
|
<div class="comment_name">
|
|
<img src="./img/aixin.png" alt="" class="comment_name_img">
|
|
<span class="comment_name_fist">张三</span>
|
|
<span class="comment_name_symbol">、</span>
|
|
<span class="comment_name_fist">李</span>
|
|
</div>
|
|
<ul class="comment_text">
|
|
<li>
|
|
<span class="comment_name_fist">小可</span>
|
|
<span class="comment_name_symbol">:</span>
|
|
<span class="comment_name_marvellous">精彩</span>
|
|
</li>
|
|
<li>
|
|
<span class="comment_name_fist">小可</span>
|
|
<span class="comment_name_symbol">:</span>
|
|
<span class="comment_name_marvellous">精彩</span>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="content">
|
|
<div><img src="./img/touxiang .png" alt="" class="content_info"></div>
|
|
<div class="content_right">
|
|
<div class="content_right_title">
|
|
<div class="right_title_shop">护肤品专卖店</div>
|
|
<div class="right_title_distance">>200km</div>
|
|
</div>
|
|
<div class="content_right_text">
|
|
我亲测好用我亲测好用我亲测好用我亲测好用我亲测好
|
|
用我亲测好用我亲测好用我亲测好用我亲测好用我亲好
|
|
用我亲测我亲测我亲测我亲测"
|
|
</div>
|
|
<div class="content_right_img">
|
|
<img src="./img/shop.png" alt="">
|
|
<img src="./img/shop.png" alt="">
|
|
<img src="./img/shop.png" alt="">
|
|
</div>
|
|
<div class="content_right_time">
|
|
<div class="">
|
|
<span class="content_right_time_branch">3</span>
|
|
<span class="content_right_time_text">分钟前</span>
|
|
</div>
|
|
<img src="./img/pinglun.png" alt="" class="content_right_time_img">
|
|
</div>
|
|
<div class="content_right_comment">
|
|
<div class="comment_name">
|
|
<img src="./img/aixin.png" alt="" class="comment_name_img">
|
|
<span class="comment_name_fist">张三</span>
|
|
<span class="comment_name_symbol">、</span>
|
|
<span class="comment_name_fist">李</span>
|
|
</div>
|
|
<ul class="comment_text">
|
|
<li>
|
|
<span class="comment_name_fist">小可</span>
|
|
<span class="comment_name_symbol">:</span>
|
|
<span class="comment_name_marvellous">精彩</span>
|
|
</li>
|
|
<li>
|
|
<span class="comment_name_fist">小可</span>
|
|
<span class="comment_name_symbol">:</span>
|
|
<span class="comment_name_marvellous">精彩</span>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="footer">
|
|
<div class="footer_home">首页</div>
|
|
<div class="footer_friend">好友</div>
|
|
<div class="footer_circle">圈子</div>
|
|
<div class="footer_shopping ">购物车</div>
|
|
<div class="footer_my">我的</div>
|
|
</div>
|
|
</body>
|
|
</html> |