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,9 @@
/* 清除浏览器默认样式的css代码 */
body,ul,input,li,a,p{
margin: 0;
padding: 0;
border: none;
outline: none;
list-style: none;
text-decoration: none;
}

View File

@@ -0,0 +1,225 @@
body{
background-color: #fbfcfd;
}
.header{
display: flex;
justify-content: space-between;
align-items: center;
background-color: #37b2ff;
height: 1.57rem;
box-sizing: border-box;
padding: 0 0.3rem;
}
.header img{
width: 0.19rem;
height: 0.34rem;
}
.header .money{
font-family: PingFang-SC-Bold;
font-size: 0.34rem;
color: #ffffff;
}
.content .menu{
display: flex;
height: 1.59rem;
align-items: center;
padding: 0 0.24rem;
box-sizing: border-box;
background: #fff;
border-radius: 0.2rem 0.2rem 0rem 0rem;
position: relative;
bottom: 0.2rem;
/* margin-bottom: 0.18rem; */
}
.content .menu img{
width: 0.25rem;
height: 0.27rem;
margin-right: 0.15rem;
}
.content .menu p{
font-family: PingFang-SC-Medium;
font-size: 0.24rem;
line-height: 0.38rem;
letter-spacing: 0.005rem;
color: #333333;font-weight: 600;
}
.phone{
display: flex;
flex-direction: column;
padding: 0 0.24rem;
box-sizing: border-box;
background: #fff;
height: 1.15rem;
padding-top: 0.27rem;
}
.phone .top{
display: flex;
}
.phone .top img{
width: 0.27rem;
height: 0.31rem;
margin-right: 0.16rem;
}
.phone .top p{
font-family: PingFang-SC-Bold;
font-size: 0.26rem;
letter-spacing: 0.005rem;
color: #000000;
font-weight: 600;
}
.add{
font-family: PingFang-SC-Medium;
font-size: 0.22rem;
letter-spacing: 0.004rem;
color: #666666;
margin-left: 0.43rem;
margin-top: 0.1rem;
}
.logo{
display: flex;
align-items: center;
justify-content: space-between;
padding-left: 0.43rem;
box-sizing: border-box;
background-color: #fff;
margin-top: 0.16rem;
padding-bottom: 0.25rem;
/* border-bottom: 0.01rem solid #e9e3e3; */
}
.logo img{
width: 1.31rem;
height: 1.32rem;
}
.logo .red{
display: flex;
flex-direction: column;
margin-left: 0.24rem;
margin-right: 0.6rem;
align-items: baseline;
}
.logo .red p{
font-family: PingFang-SC-Medium;
font-size: 0.24rem;
letter-spacing: 0.005rem;
color: #1b1b1b;
}
.logo .red .red_b{
font-family: PingFang-SC-Medium;
font-size: 0.2rem;
color: #2b2b2b;
border-radius: 0.1rem;
border: solid 0.01rem #f5f5f5;
}
.logo .prince{
display: flex;
flex-direction: column;
align-items: end;
}
.logo .prince .prince_t{
font-family: AdobeHeitiStd-Regular;
font-size: 0.24rem;
letter-spacing: 0.005rem;
color: #1b1b1b;
padding-right: 0.57rem;
}
.logo .prince .prince_m{
font-family: PingFang-SC-Regular;
font-size: 0.2rem;
letter-spacing: 0.004rem;
color: #aaaaaa;
padding-right: 0.59rem;
}
.logo .prince .prince_b{
font-family: PingFang-SC-Regular;
font-size: 0.2rem;
letter-spacing: 0.004rem;
color: #2b2b2b;
border-radius: 0.19rem;
border: solid 0.01rem #eeeeee;
margin-right: 0.54rem;
}
.desc {
background-color: #fff;
border-top: 0.01rem solid #e9e3e3;
}
.desc li {
display: flex;
justify-content: space-between;
padding-left: 0.4rem;
padding-right: 0.54rem;
margin-top: 0.19rem;
}
.desc li span {
font-family: PingFang-SC-Regular;
font-size: 0.24rem;
letter-spacing: 0.004rem;
color: #aaaaaa;
}
.desc li .one{
font-family: PingFang-SC-Regular;
font-size: 0.24rem;
letter-spacing: 0.004rem;
color: #0a0a0a;
font-weight: 600;
}
.desc li .two{
font-family: PingFang-SC-Medium;
font-size: 0.24rem;
letter-spacing: 0.005rem;
color: #ff7b41;
font-weight: 600;
}
.desc li:last-child{
background-color: #fbfcfd;
background-color: #fbfcfd;
height: 0.49rem;
line-height: 0.49rem;
margin-bottom: 0.19rem;
border-bottom: 0.01rem solid #e9e3e3;
}
.miss{
display: flex;
flex-direction: column;
height: 1.56rem;
justify-content: center;
box-sizing: border-box;
padding: 0 0.36rem;
position: relative;
background-color: #fff;
}
.miss .miss_t{
font-family: PingFang-SC-Medium;
font-size: 0.24rem;
letter-spacing: 0.005rem;
color: #1b1b1b;
font-weight: 600;
margin-left: 0.30rem;
padding: 0.22rem 0;
}
.miss .miss_b{
border-top: 0.01rem solid #e9e3e3;
font-family: PingFang-SC-Regular;
font-size: 0.24rem;
letter-spacing: 0.004rem;
color: #737373;
padding-top: 0.21rem;
}
.miss .miss_t::before{
position: absolute;
content: "";
width: 0.04rem;
height: 0.28rem;
background-color: #ff7b41;
left: .5rem;
top: 50%;
transform: translateY(-150%);
}

View File

@@ -0,0 +1,208 @@
body{
background-color: #f2f2f6;
}
.header{
display: flex;
justify-content: space-between;
align-items: center;
height: 0.9rem;
padding-left: 0.21rem;
padding-right: 0.3rem;
box-sizing: border-box;
background-color: #fff;
}
.header img{
width: 0.2rem;
height: 0.35rem;
}
.header .search{
display: flex;
position: relative;
}
.header .search img{
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 0.32rem;
height: 0.34rem;
left: 0.24rem;
/* background-color: #333333; */
}
.header .search input{
font-size: .26rem;
color: #808080;
width: 6.31rem;
height: 0.6rem;
background-color: #f2f2f2;
border-radius: 0.3rem;
padding-left: 0.74rem;
box-sizing: border-box;
}
.menu{
display: flex;
height: 0.94rem;
align-items: center;
overflow: scroll;
width: 100%;
background-color: #fff;
margin-bottom: 0.12rem;
}
.menu li{
width: 16%;
flex: none;
}
.menu li .text{
font-family: SimHei;
font-size: 0.3rem;
color: #424242;
}
.menu .active{
padding-left: 0.34rem;
position: relative;
}
.menu .active::after{
content: "";
width: 0.31rem;
height: 0.04rem;
background-color: #5697f4;
position: absolute;
left: 45%;
transform: translateX(-50%);
bottom: -0.28rem;
}
.content{
background-color: #fff;
margin-bottom: 0.12rem;
border-radius: 0.1rem;
}
.content .desc{
display: flex;
justify-content: space-between;
align-items: center;
height: 0.73rem;
padding-left: 0.28rem;
padding-right: 0.35rem;
box-sizing: border-box;
}
.content .title{
display: flex;
/* justify-content: space-between; */
align-items: center;
}
.content .title .img_1{
width: 0.32rem;
height: 0.32rem;
/* border: solid 0.01rem #9a9da3; */
}
.content .title .title_text{
font-family: PingFang-SC-Bold;
font-size: 0.26rem;
letter-spacing: 0.006rem;
line-height: 0.2rem;
color: #333333;
font-weight: 600;
margin: 0 0.18rem;
}
.content .title .img_2{
width: 0.1rem;
height: 0.18rem;
/* background-color: #999999; */
/* border: solid 0.01rem #c7c7c7; */
}
.content .follow{
font-family: PingFang-SC-Medium;
font-size: 0.26rem;
color: #5697f4;
}
.logo li{
display: flex;
justify-content: space-between;
box-sizing: border-box;
padding-left: 0.35rem;
padding-right: 0.3rem;
margin-bottom: 0.22rem;
}
.logo li img{
width: 1.36rem;
height: 1.37rem;
}
.logo li .logo_text{
display: flex;
flex-direction: column;
box-sizing: border-box;
}
.logo li .logo_text p{
font-family: PingFang-SC-Medium;
font-size: 0.3rem;
line-height: 0.44rem;
letter-spacing: 0rem;
color: #444444;
}
.logo li .logo_text span{
font-family: PingFang-SC-Medium;
font-size: 0.24rem;
color: #aaaaaa;
margin-top: 0.15rem;
}
.logo li .logo_prince{
display: flex;
flex-direction: column;
align-items: end;
}
.logo li .logo_prince p{
font-family: PingFang-SC-Medium;
font-size: 0.3rem;
color: #000000;
}
.logo li .logo_prince span{
font-family: PingFang-SC-Medium;
font-size: 0.24rem;
color: #aaaaaa;
margin-top: 0.15rem;
}
.all{
display: flex;
justify-content: end;
flex-direction: column;
align-items: end;
margin-right: 0.28rem;
}
.all p{
font-family: PingFang-SC-Medium;
font-size: 0.24rem;
color: #000000;
}
.all .drop{
display: flex;
margin-top: 0.2rem;
box-sizing: border-box;
margin-bottom: 0.26rem;
}
.all .drop .drop_l{
font-family: PingFang-SC-Medium;
font-size: 0.24rem;
color: #888888;
border-radius: 0.23rem;
border: solid 0.01rem #dddddd;
padding: 0 0.17rem;
margin-right: 0.11rem;
}
.all .drop .drop_r{
font-family: PingFang-SC-Medium;
font-size: 0.24rem;
color: #5697f4;
border-radius: 0.23rem;
border: solid 0.01rem #5697f4;
padding: 0 0.41rem;
}

View File

@@ -0,0 +1,128 @@
body {
display: flex;
flex-direction: column;
height: 100vh;
font-size: 0;
}
.header{
background-color: #ffffff;
display: flex;
justify-content: space-between;
width: 100%;
height: .9rem;
top: 0.22rem;
padding:0 0.3rem;
align-items: center;
box-sizing: border-box;
/* position: fixed; */
}
.header img{
width: 0.19rem;
height: 0.34rem;
/* background-color: #333333; */
}
.header .record{
font-family: PingFang-SC-Bold;
font-size: 0.34rem;
color: #333333;
}
.content{
flex: 1;
background-color: #eeeef3;
}
.info li{
display: flex;
align-items: center;
justify-content: space-between;
background-color: #ffffff;
border-radius: 0.1rem;
/* margin: 0.23rem 0.24rem; */
box-sizing: border-box;
margin: 0 0.24rem;
padding-left:0.37rem;
padding-right: 0.41rem;
}
.info li:nth-child(1){
margin: 0.23rem 0.24rem!important;
height: 1.01rem;
}
.info li:nth-child(2){
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
height: 1.01rem;
border-bottom: 0.02rem solid #f0f0f4;
}
.info li:nth-child(3){
height: 100%;
border-radius: 0;
border-bottom: 0.02rem solid #f0f0f4;
}
.info li:nth-child(4){
border-top-left-radius: 0px;
border-top-right-radius: 0px;
height: 100%;
}
.info li .date{
font-family: PingFang-SC-Medium;
font-size: 0.28rem;
color: #949494;
/* padding-left: 0.37rem; */
}
.info li .info_con{
display: flex;
align-items: center;
}
.info li .info_con .info_text{
font-family: PingFang-SC-Medium;
font-size: 0.28rem;
color: #949494;
margin-right: 0.27rem;
}
.info li .info_con img{
/* padding-right: 0.41rem; */
width: 0.2rem;
height: 0.11rem;
/* background-color: #979797; */
}
.info li .title .title_t{
font-family: PingFang-SC-Medium;
font-size: 0.34rem;
color: #333333;
padding-bottom: 0.17rem;
margin-top: 0.34rem;
}
.info li .title .title_m{
padding-bottom: 0.19rem;
font-family: PingFang-SC-Medium;
font-size: 0.2rem;
color: #949494;
}
.info li .title .title_b{
font-family: PingFang-SC-Medium;
font-size: 0.2rem;
color: #949494;
margin-bottom: 0.27rem;
}
.info li .desc{
display: flex;
flex-direction: column;
align-items: end
}
.info li .desc .desc_t{
font-family: PingFang-SC-Medium;
font-size: 0.3rem;
color: #333333;
padding-bottom: 0.19rem;
}
.info li .desc .desc_b{
font-family: PingFang-SC-Medium;
font-size: 0.2rem;
color: #949494;
margin-bottom: 0.38rem;
}

View File

@@ -0,0 +1,58 @@
body{
background: #fbfbfd;
}
.header{
display: flex;
justify-content: space-between;
padding: 0 0.42rem;
box-sizing: border-box;
align-items: center;
height: .9rem;
background: #fff;
}
.header img{
width: 0.15rem;
height: 0.29rem;
}
.header .text{
font-family: PingFang-SC-Bold;
font-size: 0.34rem;
color: #333333;
font-weight: 600;
}
.content{
display: flex;
justify-content: space-between;
padding: 0 0.25rem;
flex-wrap: wrap;
}
.content li{
width: 3.4rem;
height: 5rem;
display: flex;
flex-direction: column;
margin-top: 0.2rem;
box-sizing: border-box;
background-color: #fff;
}
.content li img{
width: 3.4rem;
height: 3.4rem;
background-color: #e8fffe;
border-radius: 0.1rem 0.1rem 0rem 0rem;
margin-bottom: 0.19rem;
}
.content li .text_t{
font-family: PingFang-SC-Medium;
font-size: 0.24rem;
color: #3f3f3f;
margin-bottom: 0.26rem;
}
.content li .text_b{
font-family: PingFang-SC-Bold;
font-size: 0.28rem;
color: #ff7b41;
}