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

27
历届学生/fontendseven/项目练习/上课项目/移动端案例1/css/clear.css Normal file
View File

@@ -0,0 +1,27 @@
body,p,ul,li,h1,h2,h3,h4,h5,h6,input{
margin: 0;
padding: 0;
border: none;
}
li {
list-style: none;
}
input {
/* 去除选中input时候产生的外边框 */
outline: none;
}
a {
text-decoration: none;
color: #000;
}

113
历届学生/fontendseven/项目练习/上课项目/移动端案例1/css/index.css Normal file
View File

@@ -0,0 +1,113 @@
.header {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 45px;
background: #fff;
z-index: 999;
padding: 0 12.5px;
box-sizing: border-box;
display: flex;
align-items: center;
}
.header img {
width: 9.5px;
height: 17px;
}
.content {
margin-top: 45px;
}
.user_info {
padding: 0 12px;
padding-bottom: 21px;
display: flex;
background: #fff;
}
.user_info .auth {
width: 60px;
height: 60px;
margin-right: 20px;
}
.user_info .user_info_right {}
.user_info .user_info_right .mes{
font-size: 13px;
color: #868686;
margin-bottom: 4px;
}
.user_info .user_info_right .mes:last-child {
margin-bottom: 0 !important;
}
.user_info .user_info_right .name{
display: flex;
align-items: center;
margin-bottom: 3px;
}
.user_info .user_info_right .name span{
font-size: 18px;
color: #000000;
margin-right: 5px;
}
.user_info .user_info_right .name img{
width: 13.5px;
height: 13.5px;
}
.user_info_other {
padding-left: 11px;
background: #fff;
margin-top: 8.5px;
margin-bottom: 8.5px;
}
.user_info_other li {
display: flex;
align-items: center;
height: 44px;
justify-content: space-between;
border-bottom: 0.5px solid #dcdcdc;
padding-right: 11px;
}
.user_info_other li img {
width: 7px;
height: 12px;
}
.user_info_other li .title{
display: flex;
align-items: center;
}
.user_info_other li .title .title_tip{
width: 64px;
font-size: 16px;
color: #000000;
margin-right: 16px;
}
.user_info_other li .title .title_con{
font-size: 16px;
color: #868686;
}
.user_info_other li .title .phone {
color: #5a6f92;
}
.user_info_action {
background: #fff;
}
.user_info_action li {
height: 44px;
display: flex;
align-items: center;
justify-content: center;
}
.user_info_action li img {
width: 18px;
height: 17px;
margin-right: 7.5px;
}
.user_info_action li:first-child {
border-bottom: 0.5px solid #dcdcdc;
}
.user_info_action li span {
font-size: 16px;
color: #5a6f92;
}

1
历届学生/fontendseven/项目练习/上课项目/移动端案例1/css/public.css Normal file
View File

@@ -0,0 +1 @@
/* 存放使用率高的css代码 */

BIN
历届学生/fontendseven/项目练习/上课项目/移动端案例1/img/auth.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 11 KiB

BIN
历届学生/fontendseven/项目练习/上课项目/移动端案例1/img/back.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

BIN
历届学生/fontendseven/项目练习/上课项目/移动端案例1/img/delete.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

BIN
历届学生/fontendseven/项目练习/上课项目/移动端案例1/img/message.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.6 KiB

BIN
历届学生/fontendseven/项目练习/上课项目/移动端案例1/img/more.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
历届学生/fontendseven/项目练习/上课项目/移动端案例1/img/sex.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

72
历届学生/fontendseven/项目练习/上课项目/移动端案例1/index.html Normal file
View File

@@ -0,0 +1,72 @@
<!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="./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/back.png" alt="">
</div>
<div class="content">
<div class="user_info">
<img class="auth" src="./img/auth.png" alt="">
<div class="user_info_right">
<div class="name">
<span>张可</span>
<img src="./img/sex.png" alt="">
</div>
<div class="mes">昵称：小可爱</div>
<div class="mes">ID：1234555</div>
<div class="mes">地区：安徽合肥</div>
</div>
</div>
<ul class="user_info_other">
<li>
<div class="title">
<div class="title_tip">好友备注</div>
<div class="title_con">张可</div>
</div>
<img src="./img/more.png" alt="">
</li>
<li>
<div class="title">
<div class="title_tip">手机</div>
<div class="title_con phone">1300000000</div>
</div>
<img src="" alt="">
</li>
<li>
<div class="title">
<div class="title_tip">生日</div>
<div class="title_con">1993-12-12</div>
</div>
<img src="./img/more.png" alt="">
</li>
<li>
<div class="title">
<div class="title_tip">朋友圈</div>
<div class="title_con"></div>
</div>
<img src="./img/more.png" alt="">
</li>
</ul>
<ul class="user_info_action">
<li>
<img src="./img/message.png" alt="">
<span>发消息</span>
</li>
<li>
<img src="./img/delete.png" alt="">
<span>删除</span>
</li>
</ul>
</div>
<div class="footer"></div>
</body>
</html>