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>

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,120 @@
.header{
height: 45px;
background-color: #ffffff;
justify-content: space-between;
align-items: center;
width: 100%;
display: flex;
position: fixed;
top: 0;
left: 0;
z-index: 999;
box-sizing: border-box;
padding:0 21px;
}
.header img{
width: 7.5px;
height: 14.5px;
}
.header:nth-child(1){
font-family: PingFang-SC-Bold;
font-size: 17px;
letter-spacing: 0.35px;
color: #1b1b1b;
}
.content{
margin-top: 51.6px;
}
.shang{
background-color: #ffffff;
padding: 11.5px 30.5px 12.5px 21.5px;
display: flex;
}
.shang img{
width: 65px;
height: 65px;
}
.shang_biao{
margin-left: 12.5px;
}
.shang_biao_q{
font-family: PingFang-SC-Medium;
font-size: 12px;
letter-spacing: 0.25px;
color: #1b1b1b;
}
.shang_biao_q1{
width: 38px;
height: 14px;
background-color: #f5f5f5;
border-radius: 7px;
opacity: 0.8;
margin-top: 12.5px;
margin-left: 4px;
}
.shang_biao_q1 span{
font-family: PingFang-SC-Medium;
font-size: 10px;
color: #2b2b2b;
zoom: 0.8;
}
.zhong{
margin-top: 4px;
}
.zhong_li{
background-color: #ffffff;
display: flex;
justify-content: space-between;
align-items:center ;
padding-left: 23.5px;
padding-right: 34.5px;
height: 34px;
}
.zhong_li div:nth-child(1){
font-family: PingFang-SC-Medium;
font-size: 12px;
letter-spacing: 0.25px;
color: #1b1b1b;
}
.zhong_li div:nth-child(2){
font-family: PingFang-SC-Regular;
font-size: 12px;
letter-spacing: 0.25px;
color: #2b2b2b;
}
.zhong_li1{
color: rgb(117, 118, 118);
}
.zhong_li2{
width: 14px;
height: 13.5px;
}
.che{
width: 290px;
height: 33px;
background-color: #ffffff;
border-radius: 16.5px;
border: solid 0.5px #f4f4f4;
margin: 0 42.5px;
margin-top: 19px;
font-family: PingFang-SC-Medium;
font-size: 14px;
letter-spacing: 0.3px;
color: #737373;
text-align: center;
line-height: 33px;
}
.tijia{
width: 290px;
height: 33px;
background-color: #5697f4;
border-radius: 16.5px;
margin: 0 42.5px;
margin-top: 14.5px;
font-family: PingFang-SC-Medium;
font-size: 14px;
letter-spacing: 0.3px;
color: #ffffff;
text-align: center;
line-height: 33px;
}

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

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

View File

@@ -0,0 +1,50 @@
<!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/clear.css">
<link rel="stylesheet" href="./css/index.css">
<link rel="stylesheet" href="./css/public.css">
</head>
<body>
<div class="header">
<img src="./img/1.png" >
<div>申请退货</div>
<div></div>
</div>
<div class="content">
<div class="shang">
<img src="./img/3.png">
<div class="shang_biao">
<div class="shang_biao_q">【大牌驾到】MAC魅可柔美系列口红魅可柔列
口红魅可柔</div>
<div class="shang_biao_q1"><span>大红色</span></div>
</div>
</div>
<ul class="zhong">
<li class="zhong_li">
<div>退货原因</div>
<div>7天无理由退货</div>
</li>
<li class="zhong_li">
<div>退货商品</div>
<div>1件</div>
</li>
<li class="zhong_li">
<div>退货说明:<span class="zhong_li1">选填</span></div>
<div>7天无理由退货</div>
</li>
<li class="zhong_li">
<div>请输入退货运单号:</div>
<img class="zhong_li2" src="./img/2.png">
</li>
</ul>
<div class="che">撤销申请</div>
<div class="tijia">提交</div>
</div>
</body>
</html>

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

View File

@@ -0,0 +1,17 @@
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;
}

View File

@@ -0,0 +1,106 @@
.header{
height: 45px;
width: 100%;
position: fixed;
left: 0;
top: 0;
z-index: 9999;
box-sizing: border-box;
display: flex;
justify-content: space-between;
align-items: center;
background-color: #ffffff;
padding: 0 15px;
}
.header img{
width: 9.5px;
height: 17px;
}
.header_q{
font-family: PingFang-SC-Bold;
font-size: 17px;
color: #333333;
}
.content{
margin-top: 56.5px;
margin-left: 12px;
}
.ddd{
width: 351px;
height: 50.5px;
background-color: #ffffff;
border-radius: 5px;
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 19.5px;
box-sizing: border-box;
}
/*共同字*/
.tou{
font-family: PingFang-SC-Medium;
font-size: 14px;
color: #949494;
}
/*共同图标*/
.tou1{
width: 10px;
height: 5.5px;
margin-left: 13.5px;
}
.neini{
width: 351px;
height: 219px;
background-color: #ffffff;
border-radius: 5px;
margin-top: 11.5px;
border-radius: 5px;
}
.neini1{
width: 351px;
height: 50.5px;
background-color: #ffffff;
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 19.5px;
box-sizing: border-box;
border-bottom:1px solid #949494;
}
.neini2{
height: 83.5px;
padding: 18px 18px 15px 18px;
box-sizing: border-box;
}
.neini2_p{
display: flex;
justify-content: space-between;
align-items: center;
}
.neini2_t span:nth-child(1){
font-family: PingFang-SC-Medium;
font-size: 17px;
color: #333333;
}
.neini2_t span:nth-child(2){
font-family: PingFang-SC-Medium;
font-size: 15px;
color: #333333;
}
.neini2_t1 span,.neini2_t2 span{
font-family: PingFang-SC-Medium;
font-size: 12px;
zoom: 0.8;
color: #949494;
}
.neini2_t1{
margin-top: 4.5px;
margin-bottom: 6px;
}
.neini li:nth-child(2){
border-bottom:1px solid #949494;
}

View File

@@ -0,0 +1,25 @@
.left {
float: left;
}
.white {
background: white;
}
.right {
float: right;
}
.hidden{
overflow: hidden;
}
.xcenter {
text-align: center;
}
.relative {
position: relative;
}
.absolute {
position: absolute;
}

View File

@@ -0,0 +1,62 @@
<!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="./img/index.css">
<link rel="stylesheet" href="./img/clear.css">
<link rel="stylesheet" href="./img/public.css">
</head>
<body>
<div class="header">
<img src="./css/1.png" alt="">
<div class="header_q">账户提现记录</div>
<div></div>
</div>
<div class="content">
<div class="ddd">
<div class="tou">2016-01</div>
<div><span class="tou">提现:500</span><img class="tou1" src="./css/2.png"></div>
</div>
<ul class="neini">
<li class="neini1">
<div class="tou">2014-08</div>
<div>
<span class="tou">提现:5,001.00</span>
<img class="tou1" src="./css/3.png">
</div>
</li>
<li class="neini2">
<div class="neini2_t neini2_p">
<span>余额提现</span>
<span>1.00</span>
</div>
<div class="neini2_t1 neini2_p">
<span>中国工商银行(3452)</span>
<span>手续费 0.00元</span>
</div>
<div class="neini2_t2 neini2_p">
<span>08-19 18:12</span>
<span></span>
</div>
</li>
<li class="neini2">
<div class="neini2_t neini2_p">
<span>余额提现</span>
<span>1.00</span>
</div>
<div class="neini2_t1 neini2_p">
<span>中国工商银行(3452)</span>
<span>手续费 0.00元</span>
</div>
<div class="neini2_t2 neini2_p">
<span>08-19 18:12</span>
<span></span>
</div>
</li>
</ul>
</div>
</body>
</html>