first commit

This commit is contained in:
编码猿
2024-09-27 02:06:13 +08:00
commit 852d94fbb9
36760 changed files with 3274413 additions and 0 deletions

View File

@@ -0,0 +1,18 @@
body,ul,p,h1,h2,h3,h4,h5,h6,a {
margin: 0;
padding: 0;
list-style: none;
text-decoration: none;
}
body {
background: #f3f4f7;
}
html {
/* font-size: 50px; */
}
body {
font-size: 0;
background-color: #f3f4f7;
}

View File

@@ -0,0 +1,111 @@
.header{
height: 45px;
background-color: #ffffff;
display: flex;
align-items: center;
padding-left: 12.5px;
position: fixed;
top: 0;
left: 0;
z-index: 99;
width: 100%;
box-sizing: border-box;
}
.header img{
width: 9.5px;
height: 17px;
}
.content{
margin-top: 45px;
}
.user{
background-color: #ffffff;
display: flex;
padding-top: 15.5px;
margin-bottom: 8.5px;
}
.user .user_img{
width: 60px;
height: 60px;
padding-left: 12px;
margin-right: 20px;
}
.user_rig_q{
display: flex;
align-items: center;
}
.user_rig_q span{
font-family: PingFang-SC-Bold;
font-size: 18px;
color: #000000;
line-height: 17px;
}
.user_rig_q img{
width: 13.5px;
height: 13.5px;
margin-left: 5px;
}
.user_rig_q1{
margin-top: 7px;
}
.user_rig_q2{
margin: 6px 0;
}
.user_rig_q3{
margin-bottom: 21px;
}
.gongne{
background-color: #ffffff;
padding-left: 11px;
padding-top: 7.5px;
padding-bottom: 9px;
}
.gongne_li{
height: 47.5;
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 1px #dcdcdc92 solid;
}
.gongne_li1{
width: 79px;
font-family: PingFangSC-Regular;
font-size: 16px;
color: #868686;
}
.gongne_li2{
font-family: PingFang-SC-Medium;
font-size: 16px;
flex: 1;
color: #868686;
}
.gongne_li3{
width: 7px;
height: 12px;
margin-right: 12.5px;
}
.gongne_li:nth-child(4){
border: none;
}
.dibu{
margin-top: 8.5px;
}
.dibu_li{
display: flex;
justify-content: center;
align-items: center;
background-color: #ffffff;
height: 50.5px;
border: solid 0.5px hwb(0 92% 8% / 0.788);
}
.dibu_li img{
width: 18px;
height: 17px;
}
.dibu_li div{
font-family: PingFang-SC-Bold;
font-size: 16px;
color: #5a6f92;
margin-left: 7.5px;
}

View File

@@ -0,0 +1,30 @@
.left {
float: left;
}
.white {
background: white;
}
.right {
float: right;
}
.hidden{
overflow: hidden;
}
.xcenter {
text-align: center;
}
.relative {
position: relative;
}
.absolute {
position: absolute;
}
.user_rig_q4{
font-family: PingFang-SC-Medium;
font-size: 13px;
color: #868686;
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 KiB

View File

@@ -0,0 +1,62 @@
1 <!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="./css/index.css">
<link rel="stylesheet" href="./css/clear.css">
<link rel="stylesheet" href="./css/public.css">
</head>
<body>
<div class="header">
<img src="./img/back.png">
</div>
<div class="content">
<div class="user">
<img class="user_img" src="./img/user.png">
<div class="user_rig">
<div class="user_rig_q">
<span>张可</span>
<img src="./img/woman.png">
</div>
<div class="user_rig_q1 user_rig_q4">昵称:小可爱</div>
<div class="user_rig_q2 user_rig_q4">ID:1234555</div>
<div class="user_rig_q3 user_rig_q4">地址:安徽合肥</div>
</div>
</div>
<ul class="gongne">
<li class="gongne_li">
<div class="gongne_li1">好友备注</div>
<div class="gongne_li2">张可</div>
<img class="gongne_li3" src="./img/enter.png">
</li>
<li class="gongne_li">
<div class="gongne_li1">手机</div>
<div class="gongne_li2" style="color: #5a6f92;">1300000000</div>
</li>
<li class="gongne_li">
<div class="gongne_li1">生日</div>
<div class="gongne_li2">1993-12-12</div>
<img class="gongne_li3" src="./img/enter.png">
</li>
<li class="gongne_li">
<div class="gongne_li1">朋友圈</div>
<img class="gongne_li3" src="./img/enter.png">
</li>
</ul>
<ul class="dibu">
<li class="dibu_li">
<img src="./img/message.png">
<div>发消息</div>
</li>
<li class="dibu_li">
<img src="./img/delete.png">
<div>删除</div>
</li>
</ul>
</div>
</body>
</html>