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

19
历届学生/逯帅帅/项目开发/学生项目/应越波/day3/今日头条/css/clear.css Normal file
View File

@@ -0,0 +1,19 @@
html, body, div, ul, li, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, form, input, textarea, th, td, select {
margin: 0;
padding: 0;
}
li{
list-style: none;
}
a{
text-decoration: none;
}
input{
outline: none;
}

111
历届学生/逯帅帅/项目开发/学生项目/应越波/day3/今日头条/css/index.css Normal file
View File

@@ -0,0 +1,111 @@
/* 头部开始 */
/* 头部上部分开始 */
.header{
/* height: 80px; */
z-index: 99;
position: fixed;
top: 0;
left: 0;
width: 100%;
}
.header_top{
box-sizing: border-box;
height: 44px;
background-color: #d43d3d;
display: flex;
justify-content: space-between;
padding: 10px 30px;
}
.header_top_left img{
width: 25px;
height: 25px;
}
.header_top_mid img{
padding-right: 3px;
width: 83px;
height: 20px;
}
.header_top_mid i{
font-size: 15px;
color: #fff;
}
.header_top_right{
width:24px;
height: 24px;
}
.header_top_mid{
display: flex;
align-items: center;
}
/* 头部上部分结束 */
/* 头部下部分开始 */
.header_bottom{
height: 36px;
background-color: #f4f5f6;
display: flex;
justify-content: space-between;
align-items: center;
overflow: hidden;
}
.header_bottom i{
font-size: 30px;
color: #d43d3d;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
box-shadow: -2px 1px 5px #ccc;
}
.header_bottom ul{
padding-left: 15px;
display: flex;
justify-content: space-between;
overflow-x: scroll;
margin-right: 5px;
}
.header_bottom ul li{
flex-shrink: 0;
margin-right: 10px;
}
/* 头部下部分结束 */
/* 头部结束 */
.content{
margin-top: 85px;
}
.con_one img{
width: 113px;
height: 73px;
}
.con_one{
display: flex;
justify-content: space-around;
align-items: center;
padding: 10px 0;
margin: 0 15px;
border-bottom: 1px solid #f4f4f4;
}
.con_one h5{
font-size: 20px;
}
.con_one p{
padding-top: 10px;
font-size: 12px;
color: #999;
zoom: .8;
}

0
历届学生/逯帅帅/项目开发/学生项目/应越波/day3/今日头条/css/pub.css Normal file
View File

BIN
历届学生/逯帅帅/项目开发/学生项目/应越波/day3/今日头条/img/logo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.5 KiB

BIN
历届学生/逯帅帅/项目开发/学生项目/应越波/day3/今日头条/img/message.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 918 B

BIN
历届学生/逯帅帅/项目开发/学生项目/应越波/day3/今日头条/img/qqqqq.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 39 KiB

BIN
历届学生/逯帅帅/项目开发/学生项目/应越波/day3/今日头条/img/searchg.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

150
历届学生/逯帅帅/项目开发/学生项目/应越波/day3/今日头条/index.html Normal file
View File

@@ -0,0 +1,150 @@
<!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>今日头条</title>
<link rel="stylesheet" href="http://at.alicdn.com/t/font_2390285_ubm853tlyii.css">
<link rel="stylesheet" href="./css/clear.css">
<link rel="stylesheet" href="./css/pub.css">
<link rel="stylesheet" href="./css/index.css">
</head>
<body>
<!-- 头部开始 -->
<div class="header">
<div class="header_top">
<div class="header_top_left">
<img src="./img/message.png" alt="">
</div>
<div class="header_top_mid">
<img src="./img/logo.png" alt="">
<i class="iconfont icon-refresh"></i>
</div>
<img src="./img/searchg.png" class="header_top_right"></img>
</div>
<div class="header_bottom">
<ul>
<li>推荐1</li>
<li>推荐2</li>
<li>推荐3</li>
<li>推荐4</li>
<li>推荐5</li>
<li>推荐6</li>
<li>推荐7</li>
<li>推荐8</li>
<li>推荐9</li>
<li>推荐</li>
<li>推荐</li>
<li>推荐</li>
<li>推荐</li>
<li>推荐</li>
<li>推荐</li>
<li>推荐</li>
<li>推荐</li>
<li>推荐</li>
<li>推荐</li>
<li>推荐</li>
<li>推荐</li>
<li>推荐</li>
</ul>
<i class="iconfont icon-jia"></i>
</div>
</div>
<!-- 头部结束 -->
<!-- 主体内容开始 -->
<div class="content">
<ul>
<li class="con_one">
<div>
<h5>冰箱冻肉超过七天不能食用？</h5>
<p>新华网客户端 评论 382</p>
</div>
<img src="./img/qqqqq.jpg" alt="">
</li>
<li class="con_one">
<div>
<h5>冰箱冻肉超过七天不能食用？</h5>
<p>新华网客户端 评论 382</p>
</div>
<img src="./img/qqqqq.jpg" alt="">
</li>
<li class="con_one">
<div>
<h5>冰箱冻肉超过七天不能食用？</h5>
<p>新华网客户端 评论 382</p>
</div>
<img src="./img/qqqqq.jpg" alt="">
</li>
<li class="con_one">
<div>
<h5>冰箱冻肉超过七天不能食用？</h5>
<p>新华网客户端 评论 382</p>
</div>
<img src="./img/qqqqq.jpg" alt="">
</li>
<li class="con_one">
<div>
<h5>冰箱冻肉超过七天不能食用？</h5>
<p>新华网客户端 评论 382</p>
</div>
<img src="./img/qqqqq.jpg" alt="">
</li>
<li class="con_one">
<div>
<h5>冰箱冻肉超过七天不能食用？</h5>
<p>新华网客户端 评论 382</p>
</div>
<img src="./img/qqqqq.jpg" alt="">
</li>
<li class="con_one">
<div>
<h5>冰箱冻肉超过七天不能食用？</h5>
<p>新华网客户端 评论 382</p>
</div>
<img src="./img/qqqqq.jpg" alt="">
</li>
<li class="con_one">
<div>
<h5>冰箱冻肉超过七天不能食用？</h5>
<p>新华网客户端 评论 382</p>
</div>
<img src="./img/qqqqq.jpg" alt="">
</li>
<li class="con_one">
<div>
<h5>冰箱冻肉超过七天不能食用？</h5>
<p>新华网客户端 评论 382</p>
</div>
<img src="./img/qqqqq.jpg" alt="">
</li>
<li class="con_one">
<div>
<h5>冰箱冻肉超过七天不能食用？</h5>
<p>新华网客户端 评论 382</p>
</div>
<img src="./img/qqqqq.jpg" alt="">
</li>
<li class="con_one">
<div>
<h5>冰箱冻肉超过七天不能食用？</h5>
<p>新华网客户端 评论 382</p>
</div>
<img src="./img/qqqqq.jpg" alt="">
</li>
<li class="con_one">
<div>
<h5>冰箱冻肉超过七天不能食用？</h5>
<p>新华网客户端 评论 382</p>
</div>
<img src="./img/qqqqq.jpg" alt="">
</li>
</ul>
</div>
<!-- 主体内容结束 -->
</body>
</html>