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

View File

@@ -0,0 +1,76 @@
.head{
width: 100%;
height: .9rem;
background: #fff;
position: fixed;
top: 0;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 0.3rem;
box-sizing: border-box;
}
.head img{
width: 0.19rem;
height: 0.34rem;
}
.head_title{
font-size: 0.34rem;
color: #333333;
}
.content{
margin-top: .9rem;
}
.content_title{
width: 100%;
height: 1rem;
font-size: 0.24rem;
color: #aaaaaa;
background: #f2f3f7;
display: flex;
align-items: center;
padding-left: 0.34rem;
box-sizing: border-box;
}
.list li{
width: 100%;
height: 0.87rem;
background: #fff;
border-bottom: 0.02rem solid #dcdcdf;
padding-left: 0.31rem;
padding-right: 0.36rem;
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: space-between;
}
.list_left ,
.list_right{
display: flex;
align-items: center;
}
.list_left img{
width: 0.42rem;
height: 0.36rem;
margin-right: 0.34rem;
}
.list_left span{
font-size: 0.3rem;
color: #000000;
}
.list_right span{
font-size: 0.28rem;
color: #000000;
margin-right: 0.29rem;
}
.list_right img:first-child{
width: 0.36rem;
height: 0.36rem;
margin-right: 0.08rem;
}
.list_right img:last-child{
width: 0.13rem;
height: 0.24rem;
}

View File

@@ -0,0 +1,71 @@
body{
display: flex;
flex-direction: column;
height: 100vh;
}
.head{
width: 100%;
height: 3.31rem;
display: flex;
flex-direction: column;
}
.head_title{
width: 100%;
height: .9rem;
font-family: PingFang-SC-Bold;
font-size: 0.34rem;
color: #000000;
display: flex;
align-items: center;
justify-content: space-between;
padding:0 0.3rem;
box-sizing: border-box;
position: fixed;
top: 0;
background: #fff;
z-index: 999;
}
.head_title img{
width: 0.19rem;
height: 0.34rem;
}
.head_text{
width: 100%;
flex: 1;
display: flex;
align-items: center;
justify-content: center;
font-family: PingFang-SC-Bold;
font-size: 0.52rem;
color: #010101;
}
.list{
width: 100%;
height: 5.99rem;
background-color: #ffffff;
font-family: PingFang-SC-Medium;
font-size: 0.28rem;
color: #909090;
box-sizing: border-box;
flex: 1;
background: #efeff4;
padding-top: 0.18rem;
box-sizing: border-box;
}
.list li{
position: relative;
height: 1rem;
display: flex;
padding-left: 0.29rem;
box-sizing: border-box;
align-items: center;
background: #fff;
}
.list li span:last-child{
color: #262626;
position: absolute;
right: 0.26rem;
}

View File

@@ -0,0 +1,233 @@
html{
font-size: 50px;
}
.head{
width: 100%;
height: .9rem;
background:#fff;
padding-left: .23rem;
padding-right:0.25rem;
box-sizing: border-box;
position: fixed;
top: 0;
left: 0;
display: flex;
align-items: center;
justify-content: space-between;
}
.content{
width: 100%;
margin-top: .9rem;
padding-top:0.18rem;
box-sizing: border-box;
background: #f2f3f7;
}
.head_back img:first-child{
width: 0.2rem;
height: 0.38rem;
margin-right: 0.3rem;
}
.head_back img:last-child{
width: 0.48rem;
height: 0.48rem;
}
.head_title{
font-size: 0.28rem;
color: #000000;
}
.head_title img{
width: 0.78rem;
height: 0.32rem;
margin-left: 0.12rem;
}
.head_set img:first-child{
width: 0.42rem;
height: 0.35rem;
margin-right: 0.38rem;
}
.head_set img:last-child{
width: 0.37rem;
height: 0.36rem;
}
.position{
width: 0.25rem;
height: 0.25rem;
position: absolute;
top: 14px;
right: 96px;
}
.head_back ,
.head_title ,
.head_set{
display: flex;
align-items: center;
justify-content: space-between;
}
.content .live{
width: 7.02rem;
height: 0.78rem;
border-radius: 0.2rem;
background-color: #ffffff;
margin: 0 auto 0.24rem auto;
padding: 0 0.17rem 0 0.19rem;
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: space-between;
}
.live_left ,
.live_right{
display: flex;
align-items: center;
justify-content: space-between;
}
.live_left{
font-size: 0.32rem;
color: #1a1a1a;
}
.live_right{
font-size: 0.28rem;
color: #0079f1;
}
.live_left img{
width: 0.41rem;
height: 0.39rem;
margin-right: 0.09rem;
}
.live_right img{
width: 0.12rem;
height: 0.21rem;
margin-left: 0.11rem;
}
.content .follow{
width: 7.02rem;
height: 1.8rem;
background: url(../img/图层1.png) no-repeat;
background-size: contain;
display: flex;
margin: 0 auto;
margin-bottom: 0.24rem;
}
.follow li{
width: 25%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items:center;
}
.follow li span:first-child{
font-size: 0.34rem;
color: #ffffff;
}
.follow li span:last-child{
font-size: 0.24rem;
color: #ffffff;
}
.identification{
width: 7.02rem;
height: 2.75rem;
background-color: #ffffff;
border-radius: 0.2rem;
margin: 0 auto;
}
.identification ul{
display: flex;
justify-content: space-between;
padding-left: 0.55rem;
padding-right: 0.58rem;
margin-top: 0.09rem;
box-sizing: border-box;
}
.identification_titile{
font-size: 0.3rem;
height: 0.95rem;
color: #010101;
padding-left: 0.34rem;
box-sizing: border-box;
display: flex;
align-items: center;
}
.identification_list li{
display: flex;
flex-direction: column;
}
.identification_list img{
width: 0.58rem;
height: 0.56rem;
}
.identification_list li span{
font-size: 0.24rem;
color: #333333;
}
.identification_list li span:last-child{
font-size: 0.22rem;
color: #abb1bc;
}
.manage_title{
font-size: 0.3rem;
height: 0.95rem;
color: #010101;
padding-left: 0.34rem;
box-sizing: border-box;
display: flex;
align-items: center;
}
.manage{
width: 7.02rem;
height: 4.02rem;
background-color: #ffffff;
border-radius: 0.2rem;
margin: 0.24rem auto;
display: flex;
flex-direction: column;
}
.manage_list {
display: flex;
flex-wrap: wrap;
align-items: center;
flex: 1;
}
.manage_list li{
width: 20%;
display: flex;
align-items: center;
flex-direction: column;
}
.manage_list li img{
width: 0.41rem;
height: 0.41rem;
}
.manage_list span{
font-size: 0.24rem;
color: #333333;
}
.marketing{
width: 7.02rem;
height: 2.51rem;
background-color: #ffffff;
border-radius: 0.2rem;
margin: 0 auto;
}
.marketing_list{
display: flex;
align-items: center;
}
.marketing_list li {
width: 25%;
display: flex;
align-items: center;
flex-direction: column;
}
.marketing_list li img{
width: 0.48rem;
height: 0.53rem;
margin-bottom: 0.3rem;
}
.marketing_list li span{
font-size: 0.24rem;
color: #333333;
}

View File

@@ -0,0 +1,85 @@
body{
background: #f7f7f7;
}
.head{
width: 100%;
height: .9rem;
background: #f7f7f7;
padding:0 0.26rem;
border-bottom: 1px solid #dcdcdf;
box-sizing: border-box;
position: fixed;
top: 0;
display: flex;
align-items: center;
justify-content: space-between;
}
.head img{
width: 0.19rem;
height: 0.27rem;
}
.head_title{
font-size: 0.34rem;
color: #010101;
}
.content{
margin-top: .9rem;
}
.content_title{
height: 1.11rem;
padding-left: 0.33rem;
padding-right: 0.32rem;
border-bottom: 1px solid #dcdcdf;
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: space-between;
}
.content_title_left{
font-size: 0.32rem;
color: #000000;
}
.content_title_right{
display: flex;
align-items: center;
}
.content_title_right img:first-child{
width: 0.64rem;
height: 0.64rem;
margin-right: 0.16rem;
}
.content_title_right img:last-child{
width: 0.16rem;
height: 0.24rem;
}
.list{
padding-left: 0.33rem;
box-sizing: border-box;
}
.list li{
display: flex;
align-items: center;
justify-content: space-between;
height: 1.11rem;
box-sizing: border-box;
padding-right: 0.32rem;
border-bottom: 1px solid #dcdcdf;
}
.list_left{
font-size: 0.32rem;
color: #000000;
}
.list_right{
display: flex;
align-items: center;
}
.list_right span{
font-size: 0.28rem;
color: #969696;
margin-right: 0.09rem;
}
.list_right img{
width: 0.16rem;
height: 0.24rem;
}

View File

@@ -0,0 +1,16 @@
/* 公共样式代码 */
.left{
float: left;
}
.right{
float: right;
}
.hidden{
overflow: hidden;
}
.clear{
clear: both;
}
.rest{
line-height: 1;
}

View File

@@ -0,0 +1,202 @@
html{
font-size: 50px;
}
.content{
width: 100%;
height: 100%;
background: #f2f3f7;
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 0 0.24rem;
box-sizing: border-box;
}
.title{
width: 100%;
height: 45px;
display: flex;
align-items: center;
justify-content: space-between;
padding-left: 0.23rem;
padding-right: 0.36rem;
box-sizing: border-box;
}
.title_left,
.title_centre,
.title_right{
display: flex;
align-items: center;
}
.title_left img:first-child{
width: 0.2rem;
height: 0.38rem;
margin-right: 0.3rem;
}
.title_left img:last-child{
width: 0.48rem;
height: 0.48rem;
}
.title_centre{
font-size: 0.28rem;
color: #000000;
}
.title_centre img{
width: 0.78rem;
height: 0.32rem;
margin-left : 0.12rem;
}
.title_right{
position: relative;
}
.title_right .position{
width: 0.25rem;
height: 0.25rem;
position: absolute;
top: -7px;
right: 31px;
}
.title_right img:first-child{
width: 0.42rem;
height: 0.35rem;
margin-right: 0.38rem;
}
.title_right img:last-child{
width: 0.37rem;
height: 0.36rem;
}
.follow{
width: 100%;
font-size: 0.24rem;
color: #ffffff;
display: flex;
align-items:center;
margin-top: 0.18rem;
margin-bottom: 0.24rem;
background: url(../img/图层1.png) no-repeat;
background-size: contain;
}
.follow ul{
width: 100%;
height: 1.8rem;
display: flex;
align-items:center;
flex-wrap: wrap;
padding: 0.3rem 0.47rem 0.3rem 0.37rem;
box-sizing: border-box;
text-align: center;
}
.follow ul li{
width: 25%;
justify-content: center;
height: 50%;
align-items: center;
display: flex;
}
.live{
width: 100%;
height: 0.78rem;
background: #ffffff;
padding-left: 0.19rem;
padding-right: 0.17rem;
border-radius: 0.2rem;
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: space-between;
}
.live_left span{
font-size: 0.32rem;
color: #1a1a1a;
}
.live_right span{
font-size: 0.28rem;
color: #0079f1;
}
.live_left,
.live_right{
display: flex;
align-items: center;
}
.live_left img{
width: 0.41rem;
height: 0.39rem;
margin-right: 0.09rem;
}
.live_right img{
width: 0.12rem;
height: 0.21rem;
margin-left: 0.11rem;
}
.list li{
/* width: 7.02rem;
height: 4.02rem; */
background-color: #ffffff;
border-radius: 0.2rem;
margin-top: 0.24rem;
margin-bottom: 0.23rem;
padding: 0.34rem 0.28rem 0.37rem 0.34rem;
box-sizing: border-box;
display: flex;
flex-direction: column;
flex-wrap:wrap;
}
.list_title{
width: 100%;
height: max-content;
font-size: 0.3rem;
color: #010101;
}
.idcard{
display: flex;
align-items: center;
flex-direction: column;
width: 1rem;
margin-top:0.3rem;
}
.list_cotent .idcard:first-child{
margin-left: 0.16rem;
}
.idcard img{
width: 0.58rem;
height: 0.56rem;
margin-bottom: 0.25rem;
}
.list .idcard span{
font-size: 0.24rem;
color: #333333;
}
.list .idcard span:last-child{
font-size: 0.22rem;
color: #abb1bc;
margin-top: 0.05rem;
}
.list_cotent{
width: 100%;
flex: 1;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
}
.idcard1{
width: 1.2rem;;
display: flex;
flex-direction: column;
align-items: center;
margin-top:0.4rem;
}
.idcard1 img{
width: 0.38rem;
height: 0.4rem;
margin-bottom: 0.36rem;
}
.idcard1{
font-size: 0.24rem;
color: #333333;
}
.active{
color: red !important;
}

View File

@@ -0,0 +1,77 @@
body{
height: 100vh;
display: flex;
flex-direction: column;
}
.head{
width: 100%;
height:.9rem;
font-size: 0.34rem;
color: #333333;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 0.3rem;
box-sizing: border-box;
}
.head img{
width: 0.19rem;
height: 0.34rem;
}
.title{
width: 100%;
height: 1rem;
font-size: 0.24rem;
color: #aaaaaa;
display: flex;
align-items: center;
padding-left: 0.34rem;
box-sizing: border-box;
}
.content{
width: 100%;
flex: 1;
background: #f2f2f2;
}
.list{
color: #000000;
background: #fff;
}
.list li{
height: 0.87rem;
display: flex;
align-items: center;
position: relative;
padding-left:0.31rem ;
border-bottom: 0.02rem solid #dcdcdf;
box-sizing: border-box;
}
.list .list_car{
font-size: 0.3rem;
}
.list .list_set{
font-size: 0.28rem;
position: absolute;
right: 0.36rem;
}
.list .list_car img{
width: 0.42rem;
height: 0.36rem;
margin-right: 0.36rem;
}
.list .list_set img:first-child{
width: 0.36rem;
height: 0.36rem;
margin-right: 0.08rem;
}
.list .list_set img:last-child{
width: 0.13rem;
height: 0.24rem;
margin-left: 0.29rem;
}
.list .list_car,
.list .list_set{
display: flex;
align-items:center;
}