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
.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; |
|
} |