bmy/ClassContent
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

first commit

Browse Source
This commit is contained in:
编码猿
2024-09-27 02:06:13 +08:00
commit 852d94fbb9
36760 changed files with 3274413 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

178
历届学生/18课程/class18_2/项目/练习项目/王一鸣/UI切图练习/page/video3.html Normal file
View File

@@ -0,0 +1,178 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="../css/clear.css">
<link rel="stylesheet" href="../css/public.css">
<link rel="stylesheet" href="../css/video3.css">
<script src="../js/index.js"></script>
<title>Document</title>
</head>
<body>
<div class="header">
<img src="../img/video3_logo.png" alt="">
<div class="botton">
打开
</div>
</div>
<div class="content">
<img src="../img/video3_titleimg.png" alt="" class="top_img">
<div class="top_text margin_left">
<div class="top_text_title">香港24小时 | 8月25日发生了什么？暴力局面再次升级</div>
<p class="data"><span>2019-04-30</span><span>10:45</span></p>
<ul class="top_text_b">
<li class="text_first">
<img src="../img/video3_xx.png" alt="">
<p>收藏</p>
</li>
<li class="text_last">
<ul>
<li>
<img src="../img/video3_zan.png" alt="">
<p>12</p>
</li>
<li>
<p>简介</p>
<img src="../img/video3_xiangxia.png" alt="" class="xiangxia">
</li>
</ul>
</li>
</ul>
</div>
<div class="line"></div>
<div class="recom margin_left">
<p class="recom_t">相关推荐</p>
<ul class="recom_con ">
<li>
<img src="../img/video3_more.png" alt="">
<p class="active">一生中总要有个夏天
给海岛，我的9天8夜</p>
</li>
<li>
<img src="../img/video3_more.png" alt="">
<p>一生中总要有个夏天
给海岛，我的9天8夜</p>
</li>
<li>
<img src="../img/video3_more.png" alt="">
<p>一生中总要有个夏天
给海岛，我的9天8夜</p>
</li>
<li>
<img src="../img/video3_more.png" alt="">
<p>一生中总要有个夏天
给海岛，我的9天8夜</p>
</li>
</ul>
</div>
<div class="line"></div>
<div class="comm margin_left">
<p class="recom_t">全部评论</p>
<div class="infm">
<ul class="infm_l">
<li>
<img src="../img/video3_touxiang.png" alt="">
</li>
<li>
<p class="name">呆小瓜</p>
<p class="in_text">刚刚</p>
</li>
</ul>
<div class="infm_r">
<img src="../img/video3_zan.png" alt="">
<p >15</p>
</div>
</div>
<div class="comm_con">
这里是评论的文字这里是评论的文字这里是评论
的文字这里是评论的文字这里是评论的文字这里
是评论的文字这里是评论的文字
</div>
<div class="infm">
<ul class="infm_l">
<li>
<img src="../img/video3_touxiang.png" alt="">
</li>
<li>
<p class="name">呆小瓜</p>
<p class="in_text">刚刚</p>
</li>
</ul>
<div class="infm_r">
<img src="../img/video3_zan.png" alt="">
<p >15</p>
</div>
</div>
<div class="comm_con">
这里是评论的文字这里是评论的文字这里是评论
的文字这里是评论的文字这里是评论的文字这里
是评论的文字这里是评论的文字
</div>
<div class="infm">
<ul class="infm_l">
<li>
<img src="../img/video3_touxiang.png" alt="">
</li>
<li>
<p class="name">呆小瓜</p>
<p class="in_text">刚刚</p>
</li>
</ul>
<div class="infm_r">
<img src="../img/video3_zan.png" alt="">
<p >15</p>
</div>
</div>
<div class="comm_con">
这里是评论的文字这里是评论的文字这里是评论
的文字这里是评论的文字这里是评论的文字这里
是评论的文字这里是评论的文字
</div>
<div class="infm">
<ul class="infm_l">
<li>
<img src="../img/video3_touxiang.png" alt="">
</li>
<li>
<p class="name">呆小瓜</p>
<p class="in_text">刚刚</p>
</li>
</ul>
<div class="infm_r">
<img src="../img/video3_zan.png" alt="">
<p >15</p>
</div>
</div>
<div class="comm_con">
这里是评论的文字这里是评论的文字这里是评论
的文字这里是评论的文字这里是评论的文字这里
是评论的文字这里是评论的文字
</div>
</div>
</div>
<div class="footer">
打开APP查看全部
</div>
</body>
</html>

152
历届学生/18课程/class18_2/项目/练习项目/王一鸣/UI切图练习/page/video5.html Normal file
View File

@@ -0,0 +1,152 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="../css/clear.css">
<link rel="stylesheet" href="../css/public.css">
<link rel="stylesheet" href="../css/video5.css">
<script src="../js/index.js"></script>
<title>video5</title>
</head>
<body>
<div class="header">
<img src="../img/video3_logo.png" alt="">
<div class="botton">
打开
</div>
</div>
<div class="content">
<div class="top">
<img src="../img/videoing.png" alt="" class="top_img">
<div class="top_posi">
<p class="top_text">距离直播开始还有</p>
<p class="top_time">1天:01:32:59</p>
</div>
</div>
<p class="title margin_left">九枚玉和您畅谈陪读生活的酸辣苦涩</p>
<p class="title_b margin_left">902873人预约</p>
<ul class="like margin_left">
<li>
<img src="../img/redzan.png" alt="" class="redzan">
<p>12</p>
</li>
<li>
<P>简介</P>
<img src="../img/video3_xiangxia.png" alt="" class="xiangxia">
</li>
</ul>
<ul class="date margin_left">
<li>
7月23日下午14:00直播
</li>
<li>
<img src="../img/yuyue.png" alt="">
<p>预约</p>
</li>
</ul>
<div class="line"></div>
<div class="comm margin_left">
<p class="recom_t">全部评论</p>
<div class="infm">
<ul class="infm_l">
<li>
<img src="../img/video3_touxiang.png" alt="">
</li>
<li>
<p class="name">呆小瓜</p>
<p class="in_text">刚刚</p>
</li>
</ul>
<div class="infm_r">
<img src="../img/video3_zan.png" alt="">
<p >15</p>
</div>
</div>
<div class="comm_con">
这里是评论的文字这里是评论的文字这里是评论
的文字这里是评论的文字这里是评论的文字这里
是评论的文字这里是评论的文字
</div>
<div class="infm">
<ul class="infm_l">
<li>
<img src="../img/video3_touxiang.png" alt="">
</li>
<li>
<p class="name">呆小瓜</p>
<p class="in_text">刚刚</p>
</li>
</ul>
<div class="infm_r">
<img src="../img/video3_zan.png" alt="">
<p >15</p>
</div>
</div>
<div class="comm_con">
这里是评论的文字这里是评论的文字这里是评论
的文字这里是评论的文字这里是评论的文字这里
是评论的文字这里是评论的文字
</div>
<div class="infm">
<ul class="infm_l">
<li>
<img src="../img/video3_touxiang.png" alt="">
</li>
<li>
<p class="name">呆小瓜</p>
<p class="in_text">刚刚</p>
</li>
</ul>
<div class="infm_r">
<img src="../img/video3_zan.png" alt="">
<p >15</p>
</div>
</div>
<div class="comm_con">
这里是评论的文字这里是评论的文字这里是评论
的文字这里是评论的文字这里是评论的文字这里
是评论的文字这里是评论的文字
</div>
<div class="infm">
<ul class="infm_l">
<li>
<img src="../img/video3_touxiang.png" alt="">
</li>
<li>
<p class="name">呆小瓜</p>
<p class="in_text">刚刚</p>
</li>
</ul>
<div class="infm_r">
<img src="../img/video3_zan.png" alt="">
<p >15</p>
</div>
</div>
<div class="comm_con">
这里是评论的文字这里是评论的文字这里是评论
的文字这里是评论的文字这里是评论的文字这里
是评论的文字这里是评论的文字
</div>
</div>
</div>
<div class="footer">
打开APP查看全部评论
</div>
</body>
</html>