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

33
历届学生/front-end-team/项目练习/学生项目/缪虎/123.html/关注人数/css/clear.css Normal file
View File

@@ -0,0 +1,33 @@
/* 清除浏览器默认的css样式 */
body,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
li,
p {
margin: 0;
padding: 0;
}
li {
list-style: none;
}
a {
text-decoration: none;
}
input,
button,
textarea {
outline: none;
border: none;
}
body {
font-size: 0px;
}

84
历届学生/front-end-team/项目练习/学生项目/缪虎/123.html/关注人数/css/index.css Normal file
View File

@@ -0,0 +1,84 @@
.header{
display: flex;
align-items: center;
justify-content: space-around;
}
.header .back{
width: 0.19rem;
height: 0.34rem;
margin-left: 0.13rem;
margin-top: 0.65rem;
margin-bottom: 0.29rem;
}
.header span{
margin-top: 0.65rem;
margin-bottom: 0.29rem;
font-size: 0.34rem;
color: #333333
}
.header .sosuo{
width: 0.35rem;
height: 0.35rem;
margin-top: 0.65rem;
margin-bottom: 0.29rem;
margin-right: 0.28rem;
}
.content{}
.content ul li .time{
display: flex;
align-items: center;
justify-content: flex-start;
background-color: #666e7a;
}
.content ul li .time span{
font-size: 0.24rem;
color: #eaeef3;
padding-left: 0.21rem;
padding-top: 0.29rem;
padding-bottom: 0.18rem;
margin-left: 0.21rem;
margin-top: 0.29rem;
margin-bottom: 0.18rem;
}
.content ul li .title{
display: flex;
align-items: center;
justify-content: flex-start;
}
.content ul li .title .title_left{}
.content ul li .title .title_left img{
width: 0.72rem;
height: 0.72rem;
margin-left: 0.32rem;
margin-top: 0.3rem;
margin-bottom: 0.33rem;
}
.content ul li .title .title_right{
display: flex;
flex-direction: column;
justify-content: center;
}
.content ul li .title .title_right .title_name{
font-size: 0.28rem;
color: #666e7a;
}
.content ul li .title .title_right .like{
width: 0.23rem;
height: 0.19rem;
}

BIN
历届学生/front-end-team/项目练习/学生项目/缪虎/123.html/关注人数/img/love.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.5 KiB

BIN
历届学生/front-end-team/项目练习/学生项目/缪虎/123.html/关注人数/img/so.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.0 KiB

BIN
历届学生/front-end-team/项目练习/学生项目/缪虎/123.html/关注人数/img/tou.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 12 KiB

BIN
历届学生/front-end-team/项目练习/学生项目/缪虎/123.html/关注人数/img/z.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

138
历届学生/front-end-team/项目练习/学生项目/缪虎/123.html/关注人数/index.html Normal file
View File

@@ -0,0 +1,138 @@
<!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>
<script src="./rem.js"></script>
<link rel="stylesheet" href="./css/clear.css">
<link rel="stylesheet" href="./css/index.css">
</head>
<body>
<div class="header">
<img class="back" src="./img/z.png" alt="">
<span>联系人（1125）</span>
<img class="sosuo" src="./img/so.png" alt="">
</div>
<div class="content">
<ul>
<li>
<div class="time">
<span>2020/03/10</span>
</div>
<div class="title">
<div class="title_left">
<img src="./img/tou.png" alt="">
</div>
<div class="title_right">
<div class="title_name">不落的太阳DT</div>
<img class="like" src="./img/love.png" alt="">
</div>
</div>
<div class="title">
<div class="title_left">
<img src="" alt="">
</div>
<div class="title_right">
<div class="title_name">不落的太阳DT</div>
<img src="" alt="">
</div>
</div>
<div class="title">
<div class="title_left">
<img src="" alt="">
</div>
<div class="title_right">
<div class="title_name">不落的太阳DT</div>
<img src="" alt="">
</div>
</div>
</li>
<li>
<div class="time">2020/03/1</div>
<div class="title">
<div class="title_left">
<img src="" alt="">
</div>
<div class="title_right">
<div class="title_name">不落的太阳DT</div>
<img src="" alt="">
</div>
</div>
<div class="title">
<div class="title_left">
<img src="" alt="">
</div>
<div class="title_right">
<div class="title_name">不落的太阳DT</div>
<img src="" alt="">
</div>
</div>
<div class="title">
<div class="title_left">
<img src="" alt="">
</div>
<div class="title_right">
<div class="title_name">不落的太阳DT</div>
<img src="" alt="">
</div>
</div>
</li>
<li>
<div class="time">2020/2/1</div>
<div class="title">
<div class="title_left">
<img src="" alt="">
</div>
<div class="title_right">
<div class="title_name">不落的太阳DT</div>
<img src="" alt="">
</div>
</div>
<div class="title">
<div class="title_left">
<img src="" alt="">
</div>
<div class="title_right">
<div class="title_name">不落的太阳DT</div>
<img src="" alt="">
</div>
</div>
<div class="title">
<div class="title_left">
<img src="" alt="">
</div>
<div class="title_right">
<div class="title_name">不落的太阳DT</div>
<img src="" alt="">
</div>
</div>
</li>
</ul>
</div>
<div class="footer"></div>
</body>
</html>

11
历届学生/front-end-team/项目练习/学生项目/缪虎/123.html/关注人数/rem.js Normal file
View File

@@ -0,0 +1,11 @@
window.onload = function () {
getRem(750, 100)
};
window.onresize = function () {
getRem(750, 100)
};
function getRem(pwidth, prem) {
var html = document.getElementsByTagName("html")[0];
var oWidth = document.body.clientWidth || document.documentElement.clientWidth;
html.style.fontSize = oWidth / pwidth * prem + "px";
}