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,14 @@
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;
}
body {
font-size: 0;
}
a {
text-decoration: none;
}
.iconfont {
font-size: .16rem;
}

View File

@@ -0,0 +1,127 @@
.header {
position: fixed;
left: 0;
top: 0;
right: 0;
height: .45rem;
background: #fff;
padding: 0 0.125rem;
display: flex;
align-items: center;
}
.header img {
width: 0.095rem;
height: 0.17rem;
}
.user {
padding: 0.21rem 0.12rem;
box-sizing: border-box;
display: flex;
}
.user > img {
width: 0.6rem;
height: 0.6rem;
margin-right: 0.195rem;
}
.user_name span {
font-family: PingFang-SC-Bold;
font-size: 0.18rem;
font-weight: normal;
font-stretch: normal;
letter-spacing: 0rem;
color: #000000;
margin-right: 0.05rem;
}
.user_name img {
width: 0.135rem;
height: 0.135rem;
}
.user_name {
margin-bottom: 0.12rem;
}
.niname {
font-family: PingFang-SC-Medium;
font-size: 0.13rem;
font-weight: normal;
font-stretch: normal;
letter-spacing: 0rem;
color: #868686;
margin-bottom: 0.09rem;
}
.idname {
font-family: PingFang-SC-Medium;
font-size: 0.13rem;
font-weight: normal;
font-stretch: normal;
letter-spacing: 0rem;
color: #868686;
margin-bottom: 0.085rem;
}
.city {
font-family: PingFang-SC-Medium;
font-size: 0.13rem;
color: #868686;
}
.user_message {
padding: 0.12rem 0;
}
.user_message li {
margin-left: 0.11rem;
padding-right: 0.125rem;
border-bottom: 0.005rem solid rgb(220 220 220 / 60%);
height: 0.435rem;
display: flex;
align-items: center;
justify-content: space-between;
}
.user_message li:last-child {
border-bottom: none;
}
.user_message li img {
width: 0.07rem;
height: 0.12rem;
}
.m_left {
display: flex;
}
.m_left span:first-child {
display: block;
width: 0.64rem;
font-family: PingFangSC-Regular;
font-size: 0.16rem;
font-weight: normal;
font-stretch: normal;
letter-spacing: 0rem;
color: #000000;
margin-right: 0.16rem;
}
.m_left span:last-child {
font-family: PingFang-SC-Medium;
font-size: 0.16rem;
font-weight: normal;
font-stretch: normal;
letter-spacing: 0rem;
color: #868686;
}
.user_action .send:first-child{
border: solid 0.005rem rgb(234 234 234 / 60%);
}
.send {
height: 0.54rem;
display: flex;
align-items: center;
justify-content: center;
}
.send img{
width: 0.18rem;
height: 0.17rem;
margin-right: 0.075rem;
}
.send span{
font-family: PingFang-SC-Bold;
font-size: 0.16rem;
color: #5a6f92;
}

View File

@@ -0,0 +1,9 @@
.padd {
margin: 0 0.12rem;
}
.content {
margin-top: .45rem;
}
.line {
border-bottom: 0.085rem solid #f3f4f7;
}

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.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 KiB

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">
<script src="./js/rem.js"></script>
<link rel="stylesheet" href="http://at.alicdn.com/t/font_2389461_fmpeka29hs6.css">
<link rel="stylesheet" href="./css/clear.css">
<link rel="stylesheet" href="./css/public.css">
<link rel="stylesheet" href="./css/index.css">
<title>Document</title>
</head>
<body>
<div class="header">
<img src="./img/back.png" alt="">
</div>
<div class="content">
<div class="user line">
<img src="./img/user.png" alt="">
<div class="user_right">
<div class="user_name">
<span>张可</span>
<img src="./img/lv.png" alt="">
</div>
<div class="niname">昵称:小可爱</div>
<div class="idname">ID:1234555</div>
<div class="city">地区:安徽合肥</div>
</div>
</div>
<ul class="user_message line">
<li>
<div class="m_left">
<span>好友备注</span>
<span>张可</span>
</div>
<img src="./img/open.png" alt="" class="m_left">
</li>
<li>
<div class="m_left">
<span>手机</span>
<span>15155145354</span>
</div>
</li>
<li>
<div class="m_left">
<span>生日</span>
<span>1300000000</span>
</div>
<img src="./img/open.png" alt="" class="m_left">
</li>
<li>
<div class="m_left">
<span>朋友圈</span>
<span></span>
</div>
<img src="./img/open.png" alt="" class="m_left">
</li>
</ul>
<div class="user_action">
<div class="send">
<img src="./img/message.png" alt="">
<span>发消息</span>
</div>
<div class="send">
<img src="./img/delete.png" alt="">
<span>删除</span>
</div>
</div>
</div>
</body>
</html>

View File

@@ -0,0 +1,11 @@
window.onload = function () {
getRem(375, 100)
};
window.onresize = function () {
getRem(375, 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";
}