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,11 @@
body,ul,li,h1,h6,h2,h3,h4,h5,p{
margin: 0;
padding: 0;
list-style: none;
box-sizing: border-box;
font-size: 0;
}
a {
text-decoration: none;
}

View File

@@ -0,0 +1,233 @@
.heander{
width: 100%;
height: 0.9rem;
display: flex;
justify-content: space-between;
align-items: center;
position: fixed;
left: 0;
top: 0;
background: #fff;
}
.heander p{
font-size: 0.4rem;
color: #404040;
}
.heander .p1{
margin-left: 0.44rem;
}
.heander .p2{
}
.message{
margin-top: 0.9rem;
width: 100%;
height: 3.59rem;
background: rgb(243, 243, 243);
box-sizing: border-box;
}
.message_top{
width: 80%;
height: 100%;
margin: 0 auto;
padding-top: 0.61rem;
box-sizing: border-box;
}
.message_top p{
font-size: 0.28rem;
color: #adadad;
}
.bottom_i{
display: flex;
}
.bottom_i img{
width: 1.58rem;
height: 1.58rem;
/* margin-top: 1.18rem; */
margin-right: 0.4rem;
}
.main_im{
}
.number{
height: 3.62rem;
width: 100%;
}
.article{
height: 0.89rem;
display: flex;
border-bottom: 0.01rem solid #adadad;
}
.article1{
height: 0.89rem;
width: 100%;
display: flex;
border-bottom: 0.01rem solid #adadad;
/* justify-content: space-between; */
position: relative;
}
.article2{
height: 0.89rem;
display: flex;
border-bottom: 0.01rem solid #adadad;
}
.number .article p{
font-size: 0.28rem;
color: #404040;
margin-left: 0.32rem;
}
.number .article span{
font-size: 0.24rem;
color: #adadad;
align-items: center;
line-height: 1rem;
margin-left: 0.62rem;
}
.number .article1 p{
font-size: 0.28rem;
color: #404040;
margin-left: 0.32rem;
}
.number .article1 span{
font-size: 0.24rem;
color: #adadad;
align-items: center;
line-height: 1rem;
margin-left: 0.62rem;
}
.article1_left{
display: flex;
}
.article1_right{
/* position: relative; */
}
.article1_right i{
line-height:0.85rem;
width: 0.36rem;
height: 0.07rem;
position: absolute;
right: 0;
}
.number .article2 p{
font-size: 0.28rem;
color: #404040;
margin-left: 0.32rem;
}
.number .article2 span{
font-size: 0.24rem;
color: #adadad;
align-items: center;
line-height: 1rem;
margin-left: 0.62rem;
}
.article3{
height: 0.89rem;
display: flex;
border-bottom: 0.01rem solid #adadad;
display: flex;
justify-content: space-between;
}
.article3 p{
font-size: 0.28rem;
color: #404040;
margin-left: 0.32rem;
}
.article3 span{
font-size: 0.24rem;
color: #adadad;
align-items: center;
line-height: 1rem;
margin-left: 1.65rem;
}
.article3_left {
display: flex;
}
.article3_right p{
font-size: 0.24rem;
color: #adadad;
}
.color_all{
height: 1.59rem;
display: flex;
justify-content: space-between;
/* margin-top: 0.12rem; */
}
.color_all i{
/* width: 0.14rem;
height: 0.25rem; */
line-height: 1.59rem;
}
.color_top{
display: flex;
margin-left: 0.32rem;
}
.color_bottom{
margin-left: 0.32rem;
display: flex;
}
.color_left .top_p1{
font-size: 0.28rem;
color: #404040;
margin-right: 0.68rem;
}
.color_left .top_p2{
font-size: 0.24rem;
color: #404040;
line-height: 0.5rem;
}
.stock{
height: 1.94rem;
}
.stock{
}
.stock li{
display: flex;
justify-content: space-between;
}
.stock p{
font-size: 0.24rem;
font-weight: normal;
font-stretch: normal;
line-height: 0.32rem;
letter-spacing: 0rem;
color: #404040;
margin-left: 0.32rem;
}
.blocka{
height: 0.12rem;
width: 100%;
background: #e4e4e4;
}
.bottomc{
height: 0.98rem;
width: 100%;
display: flex;
position: fixed;
bottom: 0;
}
.bottomc p{
font-size: 0.34rem;
line-height: 0.32rem;
color: #ffffff;
}
.bottoml{
width: 50%;
height: 0.98rem;
text-align: center;
width: 3.75rem;
height: 0.98rem;
background-color: #b4d2fc;
}
.bottomr{
width: 50%;
height: 0.98rem;
text-align: center;
width: 3.75rem;
height: 0.98rem;
background-color: #5697f4;
}

View File

@@ -0,0 +1,127 @@
.heander{
width: 100%;
height: 3.31rem;
/* display: flex;
justify-content: space-between; */
position: fixed;
left: 0;
top: 0;
background: #61a2ff;
}
.heander_top{
display: flex;
justify-content: space-between;
text-align: center;
}
.heander i{
width: 0.26rem;
height: 0.27rem;
}
.heander p{
font-size: 0.34rem;
line-height: 0.32rem;
color: #ffffff;
}
.heander_bottom{
display: flex;
justify-content: space-around;
}
.heander_bottom .line1{
/* position: relative; */
border-bottom: 0.04rem solid #ffffff;
}
.blocka{
width: 100%;
margin-top: 3rem;
background: #e9e8e8;
}
.blockaone{
width: 90%;
margin: 0 auto;
z-index: 999;
}
.money{
text-align: center;
width: 100%;
height: 2.7rem;
background-color: #ffffff;
border-radius: 0.15rem;
}
.money h3{
font-size: 0.58rem;
color: #383838;
}
.money p{
font-size: 0.28rem;
line-height: 0.42rem;
color: #939393;
}
.order_one{
width: 100%;
/* height: 3.82rem; */
background-color: #ffffff;
border-radius: 0.15rem;
margin-top: 0.24rem;
box-sizing: border-box;
}
.time_top{
display: flex;
justify-content: space-between;
border-bottom: 0.02rem solid #f4f4f7;
}
.time_top .tt_1{
font-size: 0.26rem;
color: #989898;
margin-left: 0.33rem;
/* margin-right: 0.25rem; */
}
.ppp{
flex: 1;
}
.time_top1{
width: 100%;
border-bottom: 0.02rem solid #f4f4f7;
}
.time_top2{
width: 100%;
/* height: 1.39rem; */
border-bottom: 0.02rem solid #f4f4f7;
}
.time_top1 .tt1_one{
display: flex;
justify-content: space-between;
}
.time_top2 .tt1_one{
display: flex;
justify-content: space-between;
}
.tt1_one1{
font-size: 0.3rem;
color: #333333;
line-height: 1rem;
margin-left: 0.33rem;
margin-right: 0.25rem;
}
.tt1_tow{
display: flex;
justify-content: space-between;
}
.tt1_one2{
font-size: 0.24rem;
color: #989898;
line-height: 1rem;
margin-left: 0.33rem;
margin-right: 0.25rem;
}
.tt1_one3{
font-size: 0.24rem;
color: #4e8fec;
line-height: 1rem;
margin-left: 0.33rem;
margin-right: 0.25rem;
}

View File

@@ -0,0 +1,195 @@
.hander{
width: 100%;
height: 0.7rem;
position: fixed;
top: 0;
left: 0;
z-index: 999999;
background: #ffffff;
}
.handera{
width: 90%;
height: 100%;
margin: 0 auto;
display: flex;
justify-content: space-between;
align-items: center;
}
.hander .handerbbb{
font-size: 0.28rem;
color: #404040;
}
.warehouse{
}
.warehouse ul{
display: flex;
border-radius: 0.32rem;
border: solid 0.02rem #eceef4;
}
.warehouse ul li{
font-size: 0.28rem;
color: #abaebb;
height: 0.64rem;
width: 1.16rem;
text-align: center;
line-height: 0.64rem;
}
.warehouse ul li:nth-child(2){
background-color: #eceef4;
border: solid 0.02rem #eceef4;
}
.search{
width: 100%;
height: 1.08rem;
background-color: #f1f1f1;
margin-top: 0.7rem;
}
.search_main{
margin: 0 auto;
width: 7.02rem;
height: 0.68rem;
}
.searchc{
text-align: center;
line-height: 0.68rem;
position: relative;
}
.searchc i{
width: 0.28rem;
height: 0.29rem;
position: absolute;
left: 3.12rem;
top: 0.3rem;
}
.search_main input{
width: 7.02rem;
height: 0.68rem;
background-color: #ffffff;
border-radius: 0.05rem;
border: solid 0.02rem #cdcdcd;
}
.search_main input::-webkit-input-placeholder {
padding-left: 3.51rem;
}
.screen{
width: 100%;
height: 0.91rem;
border-bottom: 0.01rem solid #ebe9f0;;
}
.screen .screenc{
width: 90%;
height: 100%;
margin: 0 auto;
display: flex;
justify-content: space-between;
}
.screenc{
}
.screenc p{
font-size: 0.28rem;
color: #404040;
}
.screenc_left{
text-align: center;
display: flex;
justify-content: space-between;
}
.screenc_left p{
margin-right: 0.54rem;
}
.screenc_right p{
margin-right: 0.54rem;
}
.screenc_right{
text-align: center;
display: flex;
justify-content: space-between;
}
.searchc_left .iii{
width: 0.31rem;
height: 0.18rem;
}
.main_im{
width: 100%;
height: 3.12rem;
}
.main_imc{
width: 90%;
height: 100%;
margin: 0 auto;
}
.tui{
display: flex;
/* height: 2.25rem; */
}
.tui_left{
width: 1.83rem;
height: 1.83rem;
}
.tui_right{
flex: 1;
box-sizing: border-box;
}
.tui_right{
margin-top: -0.3rem;
}
.tui_right .pp1{
font-size: 0.28rem;
color: #343434;
}
.tui_right .pp2{
font-size: 0.28rem;
color: #343434;
margin-top: -0.2rem;
}
.tui_right .pp3{
font-size: 0.24rem;
color: #898989;
margin-top: -0.27rem;
}
.tui_right .pp4{
font-size: 0.24rem;
color: #898989;
margin-top: -0.17rem;
}
.handle{
height: 0.87rem;
background-color: #f9fafd;
border: solid 0.01rem #e7eaed;
}
.handle ul{
display: flex;
justify-content: space-around;
font-size: 0.28rem;
color: #222224;
text-align: center;
line-height: 0.87rem;
}
.handle ul li{
width: 1.8rem;
border-right: 0.01rem solid #abaebb;
}
.handle ul li:nth-child(4){
border-right: none;
}
.bottomaa{
width: 100%;
background-color: #4799ee;
}
.bottomaa{
font-size: 0.48rem;
color: #ffffff;
text-align: center;
line-height: 0.3rem;
position: fixed;
bottom: 0;
}

View File

@@ -0,0 +1,192 @@
body {
background: #f2f2f2;
}
.header{
position: fixed;
width: 100%;
height: 0.88rem;
left: 0;
top: 0;
background: #fff;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 0.3rem;
box-sizing: border-box;
}
.header input{
width: 100%;
height: 0.6rem;
background-color: #f2f2f2;
border-radius: 0.8rem;
border: 1px solid #ccc;
outline: none;
margin-left: 0.31rem;
padding-left: 0.74rem;
}
.header .icon-sousuo{
position: absolute;
top: 0.25rem;
margin-left: 1rem;
font-size: 16px;
color: #b3b3b3;
font-size: 0.3rem;
}
input::-webkit-input-placeholder {
font-size: 0.3rem;
}
.content{
margin-top: 0.88rem;
}
.huakuai{
width: 100%;
height: 0.94rem;
background: #fff;
display: flex;
justify-content: space-between;
padding-left: 0.36rem;
box-sizing: border-box;
margin-bottom: 0.14rem;
}
.huakuai ul{
display: flex;
justify-content: space-between;
align-items: center;
overflow-x: scroll;
box-sizing: border-box;
}
.huakuai ul li{
font-size: 0.3rem;
color: #424242;
flex-shrink: 0;
margin-right: 0.39rem;
}
.huakuai ul li:hover{
font-size: 0.3rem;
color: #5697f4 !important;
}
.huakuai li:hover::after{
content: "";
width: 0.31rem;
height: 0.04rem;
background-color: #5697f4;
position: absolute;
top: 1.82rem;
}
.mt{
}
.dianpu{
background-color: #ffffff;
margin-bottom: 0.14rem;
}
.dianpu_top{
display: flex;
justify-content: space-between;
height: 0.73rem;
background-color: #ffffff;
border-radius: 0.1rem 0.1rem 0rem 0rem;
align-items: center;
padding-left: 0.32rem;
padding-right: 0.35rem;
box-sizing: border-box;
}
.dianpu_top .dptp2{
font-size: 0.26rem;
line-height: 0.73 rem;
letter-spacing: 0.006rem;
color: #5697f4;
}
.dtyt_left{
display: flex;
align-items: center;
}
.dtyt_left .dptp1{
font-size: 0.26rem;
line-height: 0.73rem;
letter-spacing: 0.006rem;
color: #333333;
margin-left: 0.18rem;
margin-right: 0.14rem;
}
.dtyt_left .icon-dianpu{
font-size: 16px;
}
.dianpu_img{
height: 1.8rem;
padding-left: 0.35rem;
padding-right: 0.29rem;
box-sizing: border-box;
display: flex;
justify-content: space-between;
align-items: center;
}
.dianpu_img img{
width: 1.36rem;
height: 1.37rem;
}
.dpi_center{
width: 3.86rem;
}
.dpi_center .dpicp1{
font-size: 0.3rem;
color: #444444;
}
.dpi_center .dpicp2{
font-size: 0.24rem;
color: #aaaaaa;
}
.dpi_right{
margin-top: -0.5rem;
}
.dpi_right .dpirp1{
font-size: 0.3rem;
color: #000000;
}
.dpi_right .dpirp2{
font-size: 0.24rem;
color: #aaaaaa;
}
.dianpu_bottom{
width: 100%;
height: 1.33rem;
border-radius: 0rem 0rem 0.1rem 0.1rem;
box-sizing: border-box;
font-size: 0;
padding-right: 0.28rem;
margin-top: 0.44rem;
}
.dianpu_bottom .dpbp1{
font-size: 0.24rem;
color: #000000;
text-align: end;
}
.dianpu_bottom .dpbp2{
width: 1.28rem;
height: 0.46rem;
border-radius: 0.23rem;
border: solid 0.01rem #dddddd;
font-size: 0.24rem;
color: #888888;
margin-right: 0.11rem;
}
.dianpu_bottom .dpbp3{
width: 1.28rem;
height: 0.46rem;
border-radius: 0.23rem;
border: solid 0.01rem #5697f4;
font-size: 0.24rem;
color: #5697f4;
}
.aa{
display: flex;
justify-content: flex-end;
/* align-items: center; */
text-align: center;
line-height: 0.46rem;
margin-top: 0.2rem;
}

View File

@@ -0,0 +1,101 @@
body{
font-size: 0;
}
.header{
width: 100%;
height: 4.94rem;
background:url("../img/矩形11.png") no-repeat;
background-size:100% 100%;
}
.headeri{
display: flex;
justify-content: space-between;
}
.user{
text-align: center;
}
.user .userp1{
font-size: 0.36rem;
line-height: 0.6rem;
color: #ffffff;
}
.user .userp2{
font-size: 0.24rem;
line-height: 0.6rem;
color: #ffffff;
}
.user .userp3{
font-size: 0.36rem;
line-height: 0.6rem;
color: #ffffff;
}
.bottom{
width: 100%;
height: 1rem;
background-color: #000000;
display: flex;
justify-content: space-around;
align-items: center;
position: fixed;
bottom: 0;
left: 0;
}
.bottom li{
font-size: 0.24rem;
line-height: 1.083rem;
color: #ffffff;
position: relative;
}
.bottom .bottom_li::after{
content: "";
width: 0.51rem;
height: 0.03rem;
background-color: #ffffff;
border-radius: 0.015rem;
position: absolute;
bottom: 0.1rem;
left: 50%;
transform: translate(-50%);
}
.function{
display: flex;
flex-wrap: wrap;
}
.function .ulli1{
width: 4.92rem;
height: 1.83rem;
text-align: center;
}
.function p{
font-size: 0.24rem;
color: #8d8d8d;
}
.recommend{
display: flex;
flex-wrap: wrap;
padding-top: 0.2rem;
}
.recommend li{
width: 33%;
height: 33%;
text-align: center;
margin-top: 1rem;
border-right: 0.01rem solid #ebebeb;
margin-top: 1.5rem;
}
.recommend p{
font-size: 0.26rem;
line-height: 0.3rem;
color: #323131;
margin-top: -0.8rem;
margin-left: 0.6rem;
}
.recommend img{
width: 0.34rem;
height: 0.4rem;
margin-left: 0.62rem;
}

View File

@@ -0,0 +1,120 @@
.heander{
width: 100%;
height: 0.9rem;
display: flex;
justify-content: space-between;
align-items: center;
position: fixed;
left: 0;
top: 0;
background: #fff;
}
.heander p{
font-size: 0.4rem;
color: #404040;
}
.heander .p1{
margin-left: 0.44rem;
}
.heander .p2{
}
.lipstick{
width: 100%;
height: 1.78rem;
border-radius: 0.1rem;
margin-top: 0.9rem;
}
.lipstickc{
width: 80%;
margin: 0 auto;
display: flex;
}
.lipstickc .lc_left
{
width: 1.31rem;
height: 1.32rem;
}
.lipstickc .lc_right{
flex: 1;
}
.lc_right p{
font-size: 0.2rem;
color: #2b2b2b;
}
.cc{
width: 100%;
height: 0.08rem;
background: rgb(224, 224, 224);
}
.reason{
display: flex;
justify-content: space-between;
height: 0.68rem;
border-radius: 0.1rem;
}
.reason .rsp1{
font-size: 0.24rem;
line-height: 0.8rem;
letter-spacing: 0.005rem;
color: #1b1b1b;
margin-left: 0.47rem;
}
.reason .rsp2{
font-size: 0.24rem;
line-height: 0.8rem;
color: #2b2b2b;
margin-right: 0.69rem;
}
.reason span{
font-size: 0.24rem;
color: #737373;
}
.reason3 .rsp1{
font-size: 0.24rem;
line-height: 0.8rem;
letter-spacing: 0.005rem;
color: #1b1b1b;
margin-left: 0.47rem;
}
.reason3{
height: 0.68rem;
border-radius: 0.1rem;
display: flex;
}
.reason3 span{
line-height: 1.25rem;
font-size: 0.24rem;
color: #737373;
}
.reason i{
margin-top: 0.5rem;
}
.back{
width: 5.8rem;
height: 0.66rem;
background-color: #ffffff;
border-radius: 0.33rem;
border: solid 0.01rem #f4f4f4;
text-align: center;
margin: 0 auto;
margin-top: 2rem;
}
.back p{
font-size: 0.28rem;
line-height: 0.05rem;
}
.yes{
width: 5.8rem;
height: 0.66rem;
background-color: #5697f4;
border-radius: 0.33rem;
text-align: center;
margin: 0 auto;
}
.yes p{
font-size: 0.28rem;
line-height: 0.66rem;
color: #ffffff;
}

View File

@@ -0,0 +1,247 @@
body{
background: #f2f2f2;
}
.header{
width: 100%;
height: 0.88rem;
background-color: #ffffff;
display: flex;
justify-content: space-between;
position: fixed;
top: 0;
left: 0;
align-items: center;
box-shadow: 0px 1px 1px -1px rgba(0, 0, 0, 0.5);
}
.header i{
width: 0.2rem;
height: 0.33rem;
margin-left: 0.3rem;
}
.header span{
font-size: 0.34rem;
color: #333333;
}
.content{
margin-top: 0.88rem;
}
.address{
height: 1.26rem;
display: flex;
justify-content: space-between;
align-items: center;
background: url(../img/iconfont1.png);
background-size: contain;
padding: 0 0.3rem;
}
.address i{
color: #b3b3b3;
font-size: 14px;
}
.name{
font-size: 0.3rem;
color: #333333;
margin-right: 0.52rem;
}
.phone{
font-size: 0.3rem;
color: #333333;
}
.al_bottom{
font-size: 0.24rem;
color: #333333;
}
.al_top{
margin-bottom: 0.05rem;
}
.pay{
margin-top: 0.19rem;
width: 100%;
height: 0.84rem;
background-color: #ffffff;
border-radius: 0.1rem;
display: flex;
justify-content: space-between;
padding-left: 0.26rem;
padding-right: 0.43rem;
box-sizing: border-box;
margin-bottom: 0.16rem;
}
.pay p{
font-size: 0.28rem;
color: #333333;
}
.pay .pay_right{
display: flex;
justify-content: space-between;
align-items: center;
}
.padding24{
padding-left: 0.24rem;
padding-right: 0.24rem;
box-sizing: border-box;
}
.list{
background-color: #ffffff;
margin-bottom: 0.16rem;
}
.list_one{
height: 0.62rem;
display: flex;
box-sizing: border-box;
align-items: center;
box-shadow: 0px 1px 1px -1px rgba(0, 0, 0, 0.5);
}
.list_one i:first-child{
font-size: 16px;
}
.list_one i:last-child{
font-size: 13px;
}
.list_one p{
font-size: 0.26rem;
color: #333333;
margin-left: 0.06rem;
margin-right: 0.16rem;
}
.list_tow{
height: 2.22rem;
display: flex;
box-shadow: 0px 1px 1px -1px rgba(0, 0, 0, 0.5);
}
.list_tow img{
width: 2rem;
height: 1.65rem;
margin-top: 0.16rem;
margin-right: 0.36rem;
}
.lt_right{
flex: 1;
}
.lt_rightp{
width: 3.18rem;
height: 0.6rem;
font-size: 0.28rem;
color: #333333;
margin-top: 0.16rem;
margin-bottom: 0.14rem;
}
.ltra span{
font-size: 0.2rem;
color: #999999;
}
.ltrb{
display: flex;
justify-content: space-between;
align-items: flex-end;
}
.ltrb .ltrb_left{
font-size: 0.34rem;
color: #ea4e3d;
}
.ltrb .ltrb_left span{
font-size: 0.24rem !important;
color: #ea4e3d;
}
.ltrb .ltrb_right{
font-size: 0.2rem;
color: #999999;
}
.list_tree{
height: 0.88rem;
display: flex;
align-items: center;
box-shadow: 0px 1px 1px -1px rgba(0, 0, 0, 0.5);
}
.list_tree span:first-child{
font-size: 0.3rem;
color: #333333;
margin-right: 0.31rem;
}
.list_tree span:last-child{
font-size: 0.26rem;
font-weight: normal;
font-stretch: normal;
letter-spacing: 0rem;
color: #aaaaaa;
}
.list_four{
height: 1.08rem;
box-shadow: 0px 1px 1px -1px rgba(0, 0, 0, 0.5);
}
.ltf_top{
display: flex;
justify-content: space-between;
margin-top: 0.22rem;
}
.ltfps1{
font-size: 0.24rem;
color: #333333;
}
.ltfps2{
font-size: 0.24rem;
color: #f09c48;
}
.ltf_bottom{
display: flex;
justify-content: space-between;
margin-top: 0.24rem;
}
.list_five{
height: 0.84rem;
border-radius: 0rem 0rem 0.1rem 0.1rem;
box-shadow: 0px 1px 1px -1px rgba(0, 0, 0, 0.5);
display: flex;
justify-content: space-between;
}
.list_five .lf_p1{
font-size: 0.3rem;
color: #333333;
}
.list_five .lf_p2{
font-size: 0.34rem;
color: #ea4e3d;
}
.total{
display: flex;
justify-content: flex-end;
align-items: center;
width: 100%;
height: 0.92rem;
background-color: #ffffff;
position: fixed;
bottom: 0;
left: 0;
box-sizing: border-box;
padding-right: 0.24rem;
}
.total .tlp1{
font-size: 0.26rem;
line-height: 0.92rem;
letter-spacing: 0.006rem;
color: #c6c6c6;
}
.total .tlp2{
font-size: 0.26rem;
line-height: 0.92rem;
letter-spacing: 0.006rem;
color: #999999;
}
.total .tlp3{
font-size: 0.3rem;
line-height: 0.72rem;
letter-spacing: 0.007rem;
color: #000000;
}
.total .jiesuan{
width: 1.92rem;
height: 0.66rem;
background-color: #5697f4;
border-radius: 0.33rem;
font-size: 0.28rem;
line-height: 0.66rem;
color: #ffffff;
text-align: center;
}