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,13 @@
.pad {
padding-right: 0.24rem;
padding-left: 0.24rem;
}
.ss {
border-bottom: solid 0.01rem #f3f3f3;
padding-top: 0.3;
padding-bottom: 0.3;
}
.solidd {
border-bottom: solid 0.01rem #f3f3f3;
}

View File

@@ -0,0 +1,316 @@
body {
background-color: #f2f2f2;
}
.header {
width: 100%;
height: 0.9rem;
display: flex;
justify-content: space-between;
position: fixed;
left: 0;
top: 0;
box-sizing: border-box;
z-index: 999;
align-items: center;
background-color: #fff;
border-bottom: solid 0.01rem #f3f3f3;
}
.header img {
width: 0.2rem;
height: 0.33rem;
}
.header_center {
font-size: 0.34rem;
color: #333333;
}
.header_right {
width: 0.2rem;
height: 0.33rem;
}
.user {
margin-top: 0.91rem;
background: url(../img/bg_user_msg.png);
background-size: cover;
padding-top: 0.24rem;
padding-bottom: 0.36rem;
display: flex;
align-items: center;
justify-content: space-between;
}
.user_name {
font-size: 0.3rem;
color: #333333;
}
.user_phone {
font-size: 0.3rem;
color: #333333;
}
.user_msg p {
font-size: 0.24rem;
}
.user img {
width: 0.14rem;
height: 0.26rem;
}
.user_msg_top {
margin-bottom: 0.17rem;
}
.payment {
padding-top: 0.31rem;
padding-bottom: 0.26rem;
background-color: #fff;
margin-top: 0.19rem;
margin-bottom: 0.16rem;
display: flex;
justify-content: space-between;
}
.payment_mode {
font-size: 0.28rem;
color: #333333;
}
.payment_r {
display: flex;
align-items: center;
}
.payment_r span {
font-size: 0.28rem;
color: #333333;
}
.payment_r_spot {
display: flex;
margin-left: 0.07rem;
margin-top: 0.06rem;
}
.payment_r_spot li {
height: 0.06rem;
width: 0.06rem;
background-color: #cccccc;
border-radius: 50%;
margin-right: 0.04rem;
}
.payment_r_spot li:last-child {
margin-right: 0;
}
.payment_r_spot li:nth-child(2) {
height: 0.1rem;
width: 0.1rem;
background-color: #979393;
}
.shoppingtitle {
padding-top: 0.2rem;
padding-bottom: 0.17rem;
background-color: #fff;
}
.shop_img {
width: 0.24rem;
height: 0.22rem;
}
.shoppingtitle span {
font-size: 0.26rem;
color: #333333;
margin-left: 0.06rem;
}
.shopping_right {
width: 0.1rem;
height: 0.19rem;
margin-left: 0.16rem;
}
.shopping_list li {
padding-top: 0.29rem;
padding-bottom: 0.29rem;
background-color: #fff;
display: flex;
}
.shopping_list img {
width: 2rem;
height: 1.65rem;
margin-right: 0.36rem;
}
.shopping_list_center {
width: 3.18rem;
}
.shopping_list p {
font-size: 0.28rem;
color: #333333;
margin-bottom: 0.15rem;
line-height: 0.3rem;
}
.shop_info {
margin-bottom: 0.05rem;
}
.shopping_list_center {
display: flex;
flex-direction: column;
justify-content: center;
}
.shop_info span {
font-size: 0.2rem;
color: #999999;
margin-right: 0.36rem;
zoom:0.8;
}
.shop_money_red span {
font-size: 0.2rem;
color: #ea4e3d;
}
.shop_money_red span:nth-child(2){
font-size: 0.34rem;
}
.shop_money_red span:nth-child(3) {
font-size: 0.24rem;
}
.shop_num_x {
display: flex;
font-size: 0.2rem;
color: #999999;
align-items: flex-end;
justify-content: center;
flex: 1;
padding-bottom: 0.18rem;
}
.shopp_remarks {
padding-top: 0.3rem;
padding-bottom: 0.3rem;
display: flex;
background-color: #fff;
}
.shopp_remarks span {
font-size: 0.3rem;
color: #333333;
margin-right: 0.31rem;
}
.shopp_remarks input {
border: none;
background-color: rgba(255, 255, 255, 0);
flex: 1;
color: #aaaaaa;
}
.additional_costs_Discount p {
font-size: 0.24rem;
color: #333333;
}
.additional_costs_Discount span {
font-size: 0.24rem;
color: #f09c48;
}
.additional_costs_express p {
font-size: 0.24rem;
color: #333333;
}
.additional_costs_express span {
font-size: 0.24rem;
color: #333333;
}
.Commodity_amount p {
font-size: 0.3rem;
color: #333333;
}
.Commodity_amount span {
font-size: 0.34rem;
color: #ea4e3d;
}
.additional_costs {
display: flex;
flex-direction: column;
padding-top: 0.22rem;
padding-bottom: 0.16rem;
}
.additional_costs div {
display: flex;
justify-content: space-between;
margin-bottom: 0.24rem;
}
.additional_costs div:last-child {
display: flex;
justify-content: space-between;
margin-bottom: 0;
}
.Commodity_amount {
display: flex;
justify-content: space-between;
padding-top: 0.3rem;
padding-bottom: 0.3rem;
}
.cost li {
background-color: #fff;
}
.shopping {
margin-bottom: 0.16rem;
}
.footer {
position: fixed;
bottom: 0;
left: 0;
height: 1rem;
width: 100%;
background-color: #fff;
display: flex;
justify-content: end;
padding: 0.16rem 0.24rem;
box-sizing: border-box;
z-index: 999;
align-items: center;
}
.footer_nub {
font-size: 0.26rem;
font-weight: normal;
color: #c6c6c6;
}
.Total_price {
font-size: 0.3rem;
color: #000000;
margin-left: 0.27rem;
}
.settlement {
width: 1.92rem;
height: 0.66rem;
background-color: #5697f4;
border-radius: 0.33rem;
font-size: 0.28rem;
color: #ffffff;
line-height: 0.66rem;
text-align: center;
margin-left: 0.42rem;
}
.end {
height: 1.12rem;
}

View File

@@ -0,0 +1,162 @@
.header {
width: 100%;
height: 0.9rem;
display: flex;
justify-content: space-between;
position: fixed;
left: 0;
top: 0;
padding: 0 0.37rem;
box-sizing: border-box;
z-index: 999;
align-items: center;
}
.header .scanning {
width: 0.42rem;
height: 0.42rem;
}
.nav_Select {
position: relative;
}
.nav_Select_c {
position: absolute;
width: 0.35rem;
height: 0.02rem;
background-color: #ffffff;
border-radius: 0.01rem;
bottom: -0.1rem;
left:50%;
transform: translateX(-50%);
}
.nav {
display: flex;
}
.nav li {
font-size: 0.3rem;
color: #fefefe;
margin-right: 0.23rem;
}
.nav li:last-child {
margin-left: 0;
}
.header .search {
width: 0.43rem;
height: 0.43rem;
}
.content_c {
height: calc(100% - 1rem);
position: relative;
}
.backgroung {
width: 100%;
height:100%;
}
.right {
position: absolute;
right: 0.19rem;
bottom: 0.14rem;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
}
.right li {
margin-top: 0.18rem;
display: flex;
flex-direction: column;
align-items: center;
}
.right li span {
margin-top: 0.13rem;
font-size: 0.2rem;
color: #ffffff;
}
.user img {
width: 0.96rem;
height: 0.97rem;
border: solid 0.04rem #ffffff;
border-radius: 50%;
}
.heart img {
width: 0.68rem;
height: 0.63rem;
}
.share img {
width: 0.67rem;
height: 0.8rem;
}
.talk img {
width: 0.7rem;
height: 0.7rem;
}
.shop_bag img {
width: 0.61rem;
height: 0.61rem;
}
.footer {
position: fixed;
bottom: 0;
left: 0;
height: 1rem;
width: 100%;
background-color: #000000dc;
display: flex;
justify-content: space-between;
padding: 0 0.54rem;
box-sizing: border-box;
z-index: 999;
}
.footer li {
display: flex;
font-size: 0.24rem;
color: #ffffff;
align-items: center;
}
.footer_Select {
position: relative;
transform:scale(1.25);
}
.footer_Select_b {
width: 25.5px;
height: 1.5px;
background-color: #ffffff;
border-radius: 0.75px;
position: absolute;
bottom: 0.15rem;
}
.music {
position: absolute;
bottom: 0.14rem;
left: 0.3rem;
display: flex;
align-items: center;
}
.music img{
width: 0.27rem;
height: 0.28rem;
}
.music span {
font-size: 0.24rem;
color: #ffffff;
margin-left: 0.13rem;
}