97 lines
3.1 KiB
HTML
97 lines
3.1 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/public.css">
|
|
<link rel="stylesheet" href="./css/index.css">
|
|
</head>
|
|
<body>
|
|
|
|
<div class="header clear_size">
|
|
<img class="scode" src="./img/scode.png" alt="">
|
|
<ul>
|
|
<li>推荐</li>
|
|
<li class="active">关注</li>
|
|
<li>直播</li>
|
|
</ul>
|
|
<img class="search" src="./img/search.png" alt="">
|
|
</div>
|
|
|
|
<div class="content">
|
|
|
|
<div class="user_action clear_size">
|
|
<div class="user_top">
|
|
<img class="tx" src="https://upload.jianshu.io/users/upload_avatars/11740279/4ba082e0-7a30-4429-9d9b-8cea04af272f.jpg?imageMogr2/auto-orient/strip|imageView2/1/w/180/h/180" alt="">
|
|
<img class="add" src="./img/add.png" alt="">
|
|
</div>
|
|
<ul>
|
|
<li>
|
|
<img src="./img/like.png" alt="">
|
|
<p>71.1W</p>
|
|
</li>
|
|
<li>
|
|
<img src="./img/share.png" alt="">
|
|
<p>分享</p>
|
|
</li>
|
|
<li>
|
|
<img src="./img/remme.png" alt="">
|
|
<p>评论</p>
|
|
</li>
|
|
<li>
|
|
<img src="./img/shop.png" alt="">
|
|
<p>购物袋</p>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
|
|
<div class="shop clear_size">
|
|
<div class="shop_name">
|
|
<img src="./img/shop_icon.png" alt="">
|
|
<p>美林美妆合肥店 >7KM</p>
|
|
</div>
|
|
<div class="shop_item">
|
|
<img class="shop_img" src="https://upload-images.jianshu.io/upload_images/3730494-32aac8f186217ab2.png?imageMogr2/auto-orient/strip|imageView2/1/w/300/h/240" alt="">
|
|
<div class="shop_item_right">
|
|
<h3>夏季网纱半身裙中长款纱……</h3>
|
|
<div class="price">
|
|
<span>¥68.00</span>
|
|
<div class="jx">精选</div>
|
|
</div>
|
|
<div class="tip">已卖1020</div>
|
|
</div>
|
|
|
|
<img class="car" src="./img/car.png" alt="">
|
|
</div>
|
|
<div class="shop_music">
|
|
<img src="./img/music.png" alt="">
|
|
<p>美林美妆合肥店 >7KM</p>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<ul class="footer clear_size">
|
|
<li >
|
|
<a href="">首页</a>
|
|
</li>
|
|
<li >
|
|
<a href="">好友</a>
|
|
</li>
|
|
<li>
|
|
<a href="">圈子</a>
|
|
</li>
|
|
<li class="active">
|
|
<a href="">购物车</a>
|
|
</li>
|
|
<li>
|
|
<a href="">我的</a>
|
|
</li>
|
|
</ul>
|
|
</body>
|
|
</html> |