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

9
历届学生/逯帅帅/项目开发/上课项目/今日头条/css/clear.css Normal file
View File

@@ -0,0 +1,9 @@
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;
list-style: none;
}
a {
text-decoration: none;
}

103
历届学生/逯帅帅/项目开发/上课项目/今日头条/css/index.css Normal file
View File

@@ -0,0 +1,103 @@
.header {
height: 81px;
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 999;
}
.header_search {
height: 44px;
background: #d43d3d;
padding: 11px 24px;
box-sizing: border-box;
display: flex;
justify-content: space-between;
}
.message img {
width: 32px;
height: 25px;
}
.message circular {}
.logo {
display: flex;
align-items: center;
}
.logo img {
width: 83px;
height: 21px;
margin-right: 5px;
}
.logo i {
color: #fff;
font-size: 14px;
}
.header_search .search_icon {
width: 24px;
height: 24px;
}
.header_menu {
height: 36px;
background: #f4f5f6;
display: flex;
overflow: hidden;
}
.header_menu .menu{
flex-grow: 3;
display: flex;
align-items: center;
justify-content: space-between;
overflow-x: scroll;
padding-left: 15px;
}
ul.menu li {
flex-shrink: 0;
padding-right: 10px;
font-size: 17px;
}
.header_menu i {
width: 45px;
height: 40px;
text-align: center;
line-height: 37px;
font-size: 18px;
color: #f85959;
box-shadow: -1px 1px 7px #d2d2d2;
}
.content {
margin-top: 81px;
}
.list_item {
padding-bottom: 16px;
}
.list_item li {
margin: 0 15px;
border-bottom: 1px solid #f4f4f4;
padding-bottom: 10px;
padding-top: 15px;
}
.list_item .imgtext {
display: flex;
justify-content: space-between;
}
.column {
flex-direction: column;
}
.imgtext img {
width: 114px;
height: 64px;
}
.imgtext h3 {
font-size: 17px;
font-weight: 400;
margin-bottom: 6px;
}
.imgtext p {
font-size: 12px;
color: #999;
/* transform: scale(0.8);
transform-origin: -12px; */
zoom: 0.8;
}
.list_item .text {}

0
历届学生/逯帅帅/项目开发/上课项目/今日头条/css/public.css Normal file
View File

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.5 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 918 B

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 39 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

104
历届学生/逯帅帅/项目开发/上课项目/今日头条/index.html Normal file
View File

@@ -0,0 +1,104 @@
<!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="http://at.alicdn.com/t/font_2389461_tgztw06a4nj.css">
<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_search">
<div class="message">
<img src="./img/message.png" alt="">
<div class="circular"></div>
</div>
<div class="logo">
<img src="./img/logo.png" alt="">
<i class="iconfont icon-shuaxin"></i>
</div>
<img class="search_icon" src="./img/searchg.png" alt="">
</div>
<div class="header_menu">
<ul class="menu">
<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 class="list_item">
<li class="imgtext">
<div class="t">
<h3>沙漠求生第29天！我发现一个大型军营，这的士兵都被怪兽杀害了</h3>
<p>小歪游戏解说&nbsp;评论&nbsp;61</p>
</div>
<img src="./img/qqqqq.jpg" alt="">
</li>
<li class="imgtext column">
<h3>沙漠求生第29天！我发现一个大型军营，这的士兵都被怪兽杀害了</h3>
<p>小歪游戏解说&nbsp;评论&nbsp;61</p>
</li>
<li class="imgtext">
<div class="t">
<h3>沙漠求生第29天！我发现一个大型军营，这的士兵都被怪兽杀害了</h3>
<p>小歪游戏解说&nbsp;评论&nbsp;61</p>
</div>
<img src="./img/qqqqq.jpg" alt="">
</li>
<li class="imgtext column">
<h3>沙漠求生第29天！我发现一个大型军营，这的士兵都被怪兽杀害了</h3>
<p>小歪游戏解说&nbsp;评论&nbsp;61</p>
</li>
<li class="imgtext">
<div class="t">
<h3>沙漠求生第29天！我发现一个大型军营，这的士兵都被怪兽杀害了</h3>
<p>小歪游戏解说&nbsp;评论&nbsp;61</p>
</div>
<img src="./img/qqqqq.jpg" alt="">
</li>
<li class="imgtext column">
<h3>沙漠求生第29天！我发现一个大型军营，这的士兵都被怪兽杀害了</h3>
<p>小歪游戏解说&nbsp;评论&nbsp;61</p>
</li>
<li class="imgtext">
<div class="t">
<h3>沙漠求生第29天！我发现一个大型军营，这的士兵都被怪兽杀害了</h3>
<p>小歪游戏解说&nbsp;评论&nbsp;61</p>
</div>
<img src="./img/qqqqq.jpg" alt="">
</li>
<li class="imgtext column">
<h3>沙漠求生第29天！我发现一个大型军营，这的士兵都被怪兽杀害了</h3>
<p>小歪游戏解说&nbsp;评论&nbsp;61</p>
</li>
<li class="imgtext">
<div class="t">
<h3>沙漠求生第29天！我发现一个大型军营，这的士兵都被怪兽杀害了</h3>
<p>小歪游戏解说&nbsp;评论&nbsp;61</p>
</div>
<img src="./img/qqqqq.jpg" alt="">
</li>
<li class="imgtext column">
<h3>沙漠求生第29天！我发现一个大型军营，这的士兵都被怪兽杀害了</h3>
<p>小歪游戏解说&nbsp;评论&nbsp;61</p>
</li>
</ul>
</div>
</body>
</html>