198 lines
8.9 KiB
HTML
198 lines
8.9 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<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">
|
||
<img src="../img/logo.png" alt="">
|
||
<div class="open">打开</div>
|
||
</div>
|
||
|
||
<img src="../img/videoimg.png" alt="" class="video">
|
||
|
||
<div class="video_info padding bottom-line">
|
||
<h2>香港24小时 | 8月25日发生了什么？暴力局面再次升级</h2>
|
||
<p class="time">2019-04-30 10:45</p>
|
||
<div class="video_action">
|
||
<div class="action_left flex">
|
||
<div class="like flex-align-items">
|
||
<img src="../img/input_icon_collect_small_nor.png" alt="">
|
||
<span>收藏</span>
|
||
</div>
|
||
<div class="good flex-align-items">
|
||
<img src="../img/home_icon_good.png" alt="">
|
||
<span>12</span>
|
||
</div>
|
||
</div>
|
||
<div class="action_right flex-align-items">
|
||
<span>简介</span>
|
||
<img src="../img/zbh_video_icon_down.png" alt="">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="recommend padding bottom-line">
|
||
<h2>相关推荐</h2>
|
||
<ul class="recommend_list flex">
|
||
<li>
|
||
<div class="img">
|
||
<img src="../img/videoimg.png" alt="">
|
||
<span class="time">03:07</span>
|
||
</div>
|
||
<p class="active">一生中总要有个夏天给海岛，我的9天8夜</p>
|
||
</li>
|
||
<li>
|
||
<div class="img">
|
||
<img src="../img/videoimg.png" alt="">
|
||
<span class="time">03:07</span>
|
||
</div>
|
||
<p>一生中总要有个夏天给海岛，我的9天8夜</p>
|
||
</li>
|
||
<li>
|
||
<div class="img">
|
||
<img src="../img/videoimg.png" alt="">
|
||
<span class="time">03:07</span>
|
||
</div>
|
||
<p>一生中总要有个夏天给海岛，我的9天8夜</p>
|
||
</li>
|
||
<li>
|
||
<div class="img">
|
||
<img src="../img/videoimg.png" alt="">
|
||
<span class="time">03:07</span>
|
||
</div>
|
||
<p>一生中总要有个夏天给海岛，我的9天8夜</p>
|
||
</li>
|
||
<li>
|
||
<div class="img">
|
||
<img src="../img/videoimg.png" alt="">
|
||
<span class="time">03:07</span>
|
||
</div>
|
||
<p>一生中总要有个夏天给海岛，我的9天8夜</p>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="comment padding">
|
||
<h2>全部评论</h2>
|
||
<div class="comment_list">
|
||
<div class="comment_item">
|
||
<div class="item_top">
|
||
<div class="item_top_left">
|
||
<img src="https://upload.jianshu.io/users/upload_avatars/9988193/fc26c109-1ae6-4327-a298-2def343e9cd8.jpg?imageMogr2/auto-orient/strip|imageView2/1/w/96/h/96/format/webp"
|
||
alt="">
|
||
<div class="top_left_text">
|
||
<p>呆小瓜</p>
|
||
<span>刚刚</span>
|
||
</div>
|
||
</div>
|
||
<div class="item_top_right">
|
||
<img src="../img/home_icon_good.png" alt="">
|
||
<span>15</span>
|
||
</div>
|
||
</div>
|
||
<div class="item_text">这里是评论的文字这里是评论的文字这里是评论的文字这里是评论的文字这里是评论的文字这里是评论的文字这里是评论的文字</div>
|
||
</div>
|
||
<div class="comment_item">
|
||
<div class="item_top">
|
||
<div class="item_top_left">
|
||
<img src="https://upload.jianshu.io/users/upload_avatars/9988193/fc26c109-1ae6-4327-a298-2def343e9cd8.jpg?imageMogr2/auto-orient/strip|imageView2/1/w/96/h/96/format/webp"
|
||
alt="">
|
||
<div class="top_left_text">
|
||
<p>呆小瓜</p>
|
||
<span>刚刚</span>
|
||
</div>
|
||
</div>
|
||
<div class="item_top_right">
|
||
<img src="../img/home_icon_good.png" alt="">
|
||
<span>15</span>
|
||
</div>
|
||
</div>
|
||
<div class="item_text">这里是评论的文字这里是评论的文字这里是评论的文字这里是评论的文字这里是评论的文字这里是评论的文字这里是评论的文字</div>
|
||
</div>
|
||
<div class="comment_item">
|
||
<div class="item_top">
|
||
<div class="item_top_left">
|
||
<img src="https://upload.jianshu.io/users/upload_avatars/9988193/fc26c109-1ae6-4327-a298-2def343e9cd8.jpg?imageMogr2/auto-orient/strip|imageView2/1/w/96/h/96/format/webp"
|
||
alt="">
|
||
<div class="top_left_text">
|
||
<p>呆小瓜</p>
|
||
<span>刚刚</span>
|
||
</div>
|
||
</div>
|
||
<div class="item_top_right">
|
||
<img src="../img/home_icon_good.png" alt="">
|
||
<span>15</span>
|
||
</div>
|
||
</div>
|
||
<div class="item_text">这里是评论的文字这里是评论的文字这里是评论的文字这里是评论的文字这里是评论的文字这里是评论的文字这里是评论的文字</div>
|
||
</div>
|
||
<div class="comment_item">
|
||
<div class="item_top">
|
||
<div class="item_top_left">
|
||
<img src="https://upload.jianshu.io/users/upload_avatars/9988193/fc26c109-1ae6-4327-a298-2def343e9cd8.jpg?imageMogr2/auto-orient/strip|imageView2/1/w/96/h/96/format/webp"
|
||
alt="">
|
||
<div class="top_left_text">
|
||
<p>呆小瓜</p>
|
||
<span>刚刚</span>
|
||
</div>
|
||
</div>
|
||
<div class="item_top_right">
|
||
<img src="../img/home_icon_good.png" alt="">
|
||
<span>15</span>
|
||
</div>
|
||
</div>
|
||
<div class="item_text">这里是评论的文字这里是评论的文字这里是评论的文字这里是评论的文字这里是评论的文字这里是评论的文字这里是评论的文字</div>
|
||
</div>
|
||
<div class="comment_item">
|
||
<div class="item_top">
|
||
<div class="item_top_left">
|
||
<img src="https://upload.jianshu.io/users/upload_avatars/9988193/fc26c109-1ae6-4327-a298-2def343e9cd8.jpg?imageMogr2/auto-orient/strip|imageView2/1/w/96/h/96/format/webp"
|
||
alt="">
|
||
<div class="top_left_text">
|
||
<p>呆小瓜</p>
|
||
<span>刚刚</span>
|
||
</div>
|
||
</div>
|
||
<div class="item_top_right">
|
||
<img src="../img/home_icon_good.png" alt="">
|
||
<span>15</span>
|
||
</div>
|
||
</div>
|
||
<div class="item_text">这里是评论的文字这里是评论的文字这里是评论的文字这里是评论的文字这里是评论的文字这里是评论的文字这里是评论的文字</div>
|
||
</div>
|
||
<div class="comment_item">
|
||
<div class="item_top">
|
||
<div class="item_top_left">
|
||
<img src="https://upload.jianshu.io/users/upload_avatars/9988193/fc26c109-1ae6-4327-a298-2def343e9cd8.jpg?imageMogr2/auto-orient/strip|imageView2/1/w/96/h/96/format/webp"
|
||
alt="">
|
||
<div class="top_left_text">
|
||
<p>呆小瓜</p>
|
||
<span>刚刚</span>
|
||
</div>
|
||
</div>
|
||
<div class="item_top_right">
|
||
<img src="../img/home_icon_good.png" alt="">
|
||
<span>15</span>
|
||
</div>
|
||
</div>
|
||
<div class="item_text">这里是评论的文字这里是评论的文字这里是评论的文字这里是评论的文字这里是评论的文字这里是评论的文字这里是评论的文字</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="open_comment">打开APP查看全部评论</div>
|
||
|
||
|
||
</body>
|
||
|
||
</html> |