You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
356 lines
6.4 KiB
356 lines
6.4 KiB
1 year ago
|
.app-wallpaper{
|
||
|
|
position: relative;
|
||
|
|
background:{
|
||
|
|
size: 100% 100%;
|
||
|
|
repeat: no-repeat;
|
||
|
|
};
|
||
|
|
.addr-container{
|
||
|
|
box-sizing: border-box;
|
||
|
|
position: relative;
|
||
|
|
.addr-content-container{
|
||
|
|
padding:10rpx;
|
||
|
|
box-sizing: border-box;
|
||
|
|
.addr-content{
|
||
|
|
box-sizing: border-box;
|
||
|
|
background:{
|
||
|
|
color:#ffffff;
|
||
|
|
}
|
||
|
|
padding:4rpx 7rpx;
|
||
|
|
border: 3rpx solid #262626;
|
||
|
|
border-radius: 26rpx;
|
||
|
|
.addr-content-main{
|
||
|
|
align-items: center;
|
||
|
|
box-sizing: border-box;
|
||
|
|
height:150rpx;
|
||
|
|
background:{
|
||
|
|
size: 100% 100%;
|
||
|
|
repeat: no-repeat;
|
||
|
|
}
|
||
|
|
padding:0 26rpx;
|
||
|
|
.main-img{
|
||
|
|
.img{
|
||
|
|
width:85rpx;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.main-content{
|
||
|
|
margin-left:30rpx;
|
||
|
|
.img{
|
||
|
|
height:35rpx;
|
||
|
|
margin-bottom:5rpx;
|
||
|
|
}
|
||
|
|
.main-content-text{
|
||
|
|
font-size: 30rpx;
|
||
|
|
font-weight: 400;
|
||
|
|
color: #131313;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.main-select-btn{
|
||
|
|
display: flex;
|
||
|
|
margin-left:auto;
|
||
|
|
align-items: center;
|
||
|
|
justify-content: center;
|
||
|
|
text-align: center;
|
||
|
|
.main-select-btn-gun{
|
||
|
|
height:45rpx;
|
||
|
|
width:3rpx;
|
||
|
|
background:{
|
||
|
|
color:#262626;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.content-img{
|
||
|
|
.img{
|
||
|
|
width:45rpx;
|
||
|
|
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.content-text{
|
||
|
|
font-size: 26rpx;
|
||
|
|
font-weight: 400;
|
||
|
|
color: #131313;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.addr-background-container{
|
||
|
|
position: absolute;
|
||
|
|
width:100%;
|
||
|
|
height:100%;
|
||
|
|
left:0;
|
||
|
|
bottom:0rpx;
|
||
|
|
z-index: -1;
|
||
|
|
padding:{
|
||
|
|
top:30rpx;
|
||
|
|
}
|
||
|
|
box-sizing: border-box;
|
||
|
|
|
||
|
|
.addr-background-content{
|
||
|
|
box-sizing: border-box;
|
||
|
|
width:100%;
|
||
|
|
height:100%;
|
||
|
|
background:{
|
||
|
|
color:#4DC3B8;
|
||
|
|
}
|
||
|
|
border: 3rpx solid #262626;
|
||
|
|
border-radius: 26rpx;
|
||
|
|
position: relative;
|
||
|
|
//top:10rpx;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.order-container{
|
||
|
|
box-sizing: border-box;
|
||
|
|
position: relative;
|
||
|
|
margin-top:30rpx;
|
||
|
|
.order-content-container{
|
||
|
|
padding:10rpx;
|
||
|
|
box-sizing: border-box;
|
||
|
|
.order-content{
|
||
|
|
box-sizing: border-box;
|
||
|
|
background:{
|
||
|
|
color:#ffffff;
|
||
|
|
}
|
||
|
|
padding:15rpx;
|
||
|
|
border: 3rpx solid #262626;
|
||
|
|
border-radius: 26rpx;
|
||
|
|
.order-content-main{
|
||
|
|
box-sizing: border-box;
|
||
|
|
.order-content-main-title-img{
|
||
|
|
padding-top: 20rpx;
|
||
|
|
.img{
|
||
|
|
height: 40rpx;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.order-item{
|
||
|
|
padding:25rpx 10rpx;
|
||
|
|
align-items: center;
|
||
|
|
border-bottom:1rpx solid #BBB;
|
||
|
|
box-sizing: border-box;
|
||
|
|
&:last-child{
|
||
|
|
border-bottom: none;
|
||
|
|
}
|
||
|
|
.item-content{
|
||
|
|
justify-content: flex-end;
|
||
|
|
box-sizing: border-box;
|
||
|
|
.item-content-text{
|
||
|
|
font-size: 28rpx;
|
||
|
|
font-weight: 400;
|
||
|
|
color: #636363;
|
||
|
|
}
|
||
|
|
.item-content-tag{
|
||
|
|
margin-right: 20rpx;
|
||
|
|
position: relative;
|
||
|
|
box-sizing: border-box;
|
||
|
|
padding:12rpx;
|
||
|
|
background:{
|
||
|
|
color: rgba(79,225,212,0.14);;
|
||
|
|
}
|
||
|
|
border: 1rpx solid #262626;
|
||
|
|
border-radius: 16rpx;
|
||
|
|
font-size: 28rpx;
|
||
|
|
font-weight: 400;
|
||
|
|
color: #131313;
|
||
|
|
line-height: 1;
|
||
|
|
}
|
||
|
|
.tag-text{
|
||
|
|
|
||
|
|
}
|
||
|
|
.tag-close{
|
||
|
|
position: absolute;
|
||
|
|
top:-10rpx;
|
||
|
|
right:-10rpx;
|
||
|
|
background:{
|
||
|
|
color:#fff;
|
||
|
|
}
|
||
|
|
.img{
|
||
|
|
width:23rpx;
|
||
|
|
height:23rpx;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.order-background-container{
|
||
|
|
position: absolute;
|
||
|
|
width:100%;
|
||
|
|
height:100%;
|
||
|
|
left:0;
|
||
|
|
bottom:0rpx;
|
||
|
|
z-index: -1;
|
||
|
|
padding:{
|
||
|
|
top:30rpx;
|
||
|
|
}
|
||
|
|
box-sizing: border-box;
|
||
|
|
|
||
|
|
.order-background-content{
|
||
|
|
box-sizing: border-box;
|
||
|
|
width:100%;
|
||
|
|
height:100%;
|
||
|
|
background:{
|
||
|
|
color:#fff;
|
||
|
|
}
|
||
|
|
border: 3rpx solid #262626;
|
||
|
|
border-radius: 26rpx;
|
||
|
|
position: relative;
|
||
|
|
//top:10rpx;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.body-background{
|
||
|
|
background:{
|
||
|
|
size: 110% 110%;
|
||
|
|
repeat: no-repeat;
|
||
|
|
};
|
||
|
|
height:100%;
|
||
|
|
}
|
||
|
|
.footer-menu{
|
||
|
|
align-items: center;
|
||
|
|
padding:30rpx;
|
||
|
|
padding-top:25rpx;
|
||
|
|
position: fixed;
|
||
|
|
bottom:0;
|
||
|
|
left:0;
|
||
|
|
z-index: 9999;
|
||
|
|
width: 100%;
|
||
|
|
background: #FFFFFF;
|
||
|
|
border: 2rpx solid #262626;
|
||
|
|
box-shadow: 0rpx -2rpx 20rpx 0rpx rgba(0,0,0,0.06);
|
||
|
|
border-radius: 26rpx 26rpx 0rpx 0rpx;
|
||
|
|
.foot-menu-main-title{
|
||
|
|
margin-bottom:15rpx;
|
||
|
|
align-items: flex-end;
|
||
|
|
.main-title{
|
||
|
|
font-size: 28rpx;
|
||
|
|
font-weight: 500;
|
||
|
|
color: #131313;
|
||
|
|
}
|
||
|
|
.main-price{
|
||
|
|
font-size: 36rpx;
|
||
|
|
font-weight: 500;
|
||
|
|
color: #F48021;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.foot-menu-checkbox-group{
|
||
|
|
align-items: center;
|
||
|
|
}
|
||
|
|
.foot-menu-checkbox{
|
||
|
|
margin-right:8rpx;
|
||
|
|
width: 26rpx;
|
||
|
|
height: 26rpx;
|
||
|
|
background: #FFFFFF;
|
||
|
|
border: 2rpx solid #131313;
|
||
|
|
border-radius: 50%;
|
||
|
|
}
|
||
|
|
.foot-menu-title{
|
||
|
|
font-size: 26rpx;
|
||
|
|
color:#8F8F8F;
|
||
|
|
.foot-menu-url{
|
||
|
|
color:#4DC3B8;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.pet-page{
|
||
|
|
width:100%;
|
||
|
|
}
|
||
|
|
.order-item.pet-page-item{
|
||
|
|
padding:{
|
||
|
|
left:0 !important;
|
||
|
|
right:0 !important;
|
||
|
|
}
|
||
|
|
border-bottom: none !important;
|
||
|
|
}
|
||
|
|
.pet-page-group{
|
||
|
|
margin-top:20rpx;
|
||
|
|
padding:0 20rpx;
|
||
|
|
background:{
|
||
|
|
color:#F3FDFC;
|
||
|
|
}
|
||
|
|
border-radius: 20rpx;
|
||
|
|
}
|
||
|
|
.pet-page-button{
|
||
|
|
width: 100%;
|
||
|
|
text-align: center;
|
||
|
|
padding:55rpx 0 15rpx 0;
|
||
|
|
justify-content: center;
|
||
|
|
}
|
||
|
|
.order-item-container{
|
||
|
|
width:100%;
|
||
|
|
box-sizing: border-box;
|
||
|
|
.order-item-col{
|
||
|
|
box-sizing: border-box;
|
||
|
|
.order-item-content-group{
|
||
|
|
position: relative;
|
||
|
|
box-sizing: border-box;
|
||
|
|
padding:{
|
||
|
|
left:12rpx;
|
||
|
|
right:12rpx;
|
||
|
|
};
|
||
|
|
.count-group-content{
|
||
|
|
position: relative;
|
||
|
|
box-sizing: border-box;
|
||
|
|
border: 2rpx solid #131313;
|
||
|
|
border-radius: 20rpx;
|
||
|
|
//height:200rpx;
|
||
|
|
z-index: 2;
|
||
|
|
background: #fff;
|
||
|
|
text-align: center;
|
||
|
|
.img{
|
||
|
|
margin-top:3rpx;
|
||
|
|
height:120rpx;
|
||
|
|
}
|
||
|
|
.group-checkbox{
|
||
|
|
.u-radio{
|
||
|
|
justify-content: center;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
.u-radio__icon-wrap{
|
||
|
|
border-color:#262626 !important;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
//background: {
|
||
|
|
// color:red;
|
||
|
|
//};
|
||
|
|
}
|
||
|
|
.count-group-background{
|
||
|
|
position: absolute;
|
||
|
|
box-sizing: border-box;
|
||
|
|
top:0;
|
||
|
|
left:0;
|
||
|
|
height:100%;
|
||
|
|
width: 100%;
|
||
|
|
padding:0rpx 26rpx;
|
||
|
|
z-index: 1;
|
||
|
|
.count-background{
|
||
|
|
position: relative;
|
||
|
|
top: 13rpx;
|
||
|
|
box-sizing: border-box;
|
||
|
|
height:100%;
|
||
|
|
width: 100%;
|
||
|
|
background:{
|
||
|
|
color:#FBF8D4;
|
||
|
|
}
|
||
|
|
border: 2rpx solid #131313;
|
||
|
|
border-radius: 20rpx;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.order-content-main{
|
||
|
|
.u-radio-group{
|
||
|
|
box-sizing: border-box;
|
||
|
|
display: block;
|
||
|
|
}
|
||
|
|
.order-content-main-title-img{
|
||
|
|
.img{
|
||
|
|
margin-left:15rpx;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.u-popup__content{
|
||
|
|
border-radius: 40rpx 40rpx 0rpx 0rpx;
|
||
|
|
}
|