92 lines
3.0 KiB
HTML
92 lines
3.0 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">
|
||
<div class="header_left">
|
||
<img src="./img/one.png" alt="">
|
||
</div>
|
||
<div class="header_mid">
|
||
<p class="top">昵称 | ID：12345</p>
|
||
<p class="bottom">7455观看| 首尔市</p>
|
||
</div>
|
||
<div class="header_right">
|
||
<img src="./img/two.png" alt="">
|
||
<span>关注</span>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="content">
|
||
<ul class="name">
|
||
<li class="name_one">
|
||
<img src="./img/two.png" alt="">
|
||
<span>我是嘟嘟嘴 关注了主播</span>
|
||
</li>
|
||
<li class="name_list">
|
||
<span class="list_one">小飞仙：</span>
|
||
<span class="list_two">我下单啦查看下</span>
|
||
</li>
|
||
<li class="name_list">
|
||
<span class="list_one">小飞仙：</span>
|
||
<span class="list_two">我下单啦查看下</span>
|
||
</li>
|
||
|
||
</ul>
|
||
<div class="content_bottom">
|
||
<ul class="bottom_left">
|
||
<li class="left_list">
|
||
<img src="./img/four.png" alt="">
|
||
<p class="left_one">品牌经典多…</p>
|
||
<p class="left_two">￥160.00</p>
|
||
</li>
|
||
<li>
|
||
<img src="./img/five.png" alt="">
|
||
<p class="left_one">品牌彩二十…</p>
|
||
<p class="left_two">￥160.00</p>
|
||
</li>
|
||
<li class="left_list">
|
||
<img src="./img/four.png" alt="">
|
||
<p class="left_one">品牌经典多…</p>
|
||
<p class="left_two">￥160.00</p>
|
||
</li>
|
||
<li class="left_list">
|
||
<img src="./img/four.png" alt="">
|
||
<p class="left_one">品牌经典多…</p>
|
||
<p class="left_two">￥160.00</p>
|
||
</li>
|
||
</ul>
|
||
<div class="bottom_right">
|
||
<img src="./img/six.png" alt="">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="footer">
|
||
<div class="footer_left">
|
||
<img src="./img/shop.png" alt="">
|
||
</div>
|
||
<input type="text" placeholder="说些什么...">
|
||
<ul class="footer_right">
|
||
<li>
|
||
<img src="./img/share.png" alt="">
|
||
</li>
|
||
<li>
|
||
<img src="./img/heard.png" alt="">
|
||
</li>
|
||
<li>
|
||
<img src="./img/end.png" alt="">
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
|
||
</body>
|
||
<script src="./js/rem.js"></script>
|
||
</html> |