351 lines
6.4 KiB
SCSS
351 lines
6.4 KiB
SCSS
.express-delivery{
|
|
background-color: #F3F5F9 !important;
|
|
padding: 20rpx;
|
|
height: 80vh;
|
|
.address-box{
|
|
background: #FFFFFF;
|
|
border-radius: 20rpx;
|
|
display: flex;
|
|
padding: 42rpx 28rpx;
|
|
padding-bottom: 0rpx;
|
|
.left{
|
|
margin-right: 20rpx;
|
|
.send,.get{
|
|
width: 40rpx;
|
|
height: 40prx;
|
|
border-radius: 50%;
|
|
text-align: center;
|
|
line-height: 40rpx;
|
|
font-size: 24rpx;
|
|
}
|
|
.send{
|
|
background: #000000;
|
|
color: white;
|
|
}
|
|
.get{
|
|
background: #E63E32;
|
|
color: white;
|
|
}
|
|
.line{
|
|
width: 2rpx;
|
|
height: 120rpx;
|
|
border-left: 2rpx dashed #D5D1D1;
|
|
margin-left: 18rpx;
|
|
}
|
|
.active{
|
|
height: 153rpx;
|
|
}
|
|
}
|
|
.right{
|
|
width: 100%;
|
|
position: relative;
|
|
.send-people,.get-people{
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
.send-title{
|
|
max-width: 490rpx;
|
|
height: 100%;
|
|
}
|
|
.send-sub-title{
|
|
color: #151515;
|
|
font-size: 32rpx;
|
|
margin-bottom: 6rpx;
|
|
font-weight: bold;
|
|
text{
|
|
color: #888888;
|
|
font-size: 24rpx;
|
|
}
|
|
}
|
|
.send-desc{
|
|
color: #888888;
|
|
font-size: 24rpx;
|
|
}
|
|
.address-enter{
|
|
font-weight: bold;
|
|
border-left: 2rpx solid #F4F4F4;
|
|
padding-left: 28rpx;
|
|
font-size: 24rpx;
|
|
}
|
|
}
|
|
.get-people{
|
|
margin-bottom: 40rpx;
|
|
}
|
|
.send-people{
|
|
margin-bottom: 40rpx;
|
|
}
|
|
.line{
|
|
width: 100%;
|
|
height: 2rpx;
|
|
background-color: #F4F4F4;
|
|
margin-bottom: 40rpx;
|
|
}
|
|
}
|
|
}
|
|
|
|
.send-form{
|
|
height: 400rpx;
|
|
width: 100%;
|
|
border-radius: 20rpx;
|
|
margin-top: 40rpx;
|
|
|
|
.tab-box{
|
|
display: flex;
|
|
position: relative;
|
|
background-color: white;
|
|
border-radius: 0 20rpx 0 0;
|
|
.tab-item{
|
|
flex: 1;
|
|
text-align: center;
|
|
height: 76rpx;
|
|
line-height: 76rpx;
|
|
font-size: 30rpx;
|
|
background-color:#E3E7ED ;
|
|
border-radius:0 20rpx 0 20rpx ;
|
|
position: relative;
|
|
}
|
|
.tab-item.active{
|
|
font-weight: bold;
|
|
height: 96rpx;
|
|
line-height: 96rpx;
|
|
background-color:white ;
|
|
border-radius:20rpx 20rpx 0 0rpx ;
|
|
position: relative;
|
|
bottom: 20rpx;
|
|
}
|
|
.isNotActive.tab-item:first-child{
|
|
border-radius:20rpx 0rpx 20rpx 0rpx ;
|
|
}
|
|
}
|
|
.tab-box.active{
|
|
border-radius: 20rpx 0 0 0;
|
|
}
|
|
.form-box{
|
|
background-color: #FFFFFF;
|
|
position: relative;
|
|
bottom: 20rpx;
|
|
padding: 0 36rpx 0 28rpx;
|
|
border-radius: 0 0 20rpx 20rpx;
|
|
.form-getTime,.goods-info,.pay-type{
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
height: 96rpx;
|
|
border-bottom: 2rpx solid #F4F4F4;
|
|
.left{
|
|
display: flex;
|
|
align-items: center;
|
|
.label{
|
|
font-size: 26rpx;
|
|
color:#151515 ;
|
|
font-weight: bold;
|
|
}
|
|
.required{
|
|
margin-left: 12rpx;
|
|
width: 62rpx;
|
|
height: 30rpx;
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
background-image: url('../../static/required.png');
|
|
}
|
|
}
|
|
.right{
|
|
display: flex;
|
|
align-items: center;
|
|
.nextIcon{
|
|
margin-left: 18rpx;
|
|
}
|
|
.value{
|
|
color: #888888;
|
|
font-size: 26rpx;
|
|
}
|
|
.value.active{
|
|
color: #151515;
|
|
font-weight: bold;
|
|
}
|
|
}
|
|
|
|
}
|
|
.pay-type{
|
|
border-bottom: none;
|
|
}
|
|
}
|
|
}
|
|
.footer{
|
|
height:172rpx ;
|
|
background-color: white;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
position: fixed;
|
|
width: 100%;
|
|
bottom: 0;
|
|
left: 0;
|
|
padding-top: 22rpx;
|
|
.right{
|
|
.btn{
|
|
width: 268rpx;
|
|
height: 88rpx;
|
|
background-color: #CCCCCC;
|
|
border-radius: 44rpx;
|
|
text-align: center;
|
|
line-height: 88rpx;
|
|
color: white;
|
|
margin-right: 29rpx;
|
|
}
|
|
.btn.active{
|
|
background-color:#E84134 ;
|
|
}
|
|
}
|
|
.left{
|
|
margin-left: 29rpx;
|
|
.left-top{
|
|
font-size:26rpx ;
|
|
color:#323232 ;
|
|
display: flex;
|
|
.all-account{
|
|
border-right: 2rpx solid #F4F4F4;
|
|
display: flex;
|
|
padding-right: 10rpx;
|
|
margin-right: 10rpx;
|
|
.price{
|
|
color: #E73F33;
|
|
}
|
|
}
|
|
.price-detail{
|
|
display: flex;
|
|
align-items: center;
|
|
.arrow{
|
|
width: 0;
|
|
height: 0;
|
|
border: 10rpx solid transparent;
|
|
border-top-color: black;
|
|
margin-left: 10rpx;
|
|
margin-top: 8rpx;
|
|
}
|
|
}
|
|
}
|
|
.left-bottom{
|
|
display: flex;
|
|
align-items: center;
|
|
margin-top: 22rpx;
|
|
.active,.checkbox{
|
|
width: 32rpx;
|
|
height: 32rpx;
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
margin-right: 10rpx;
|
|
}
|
|
.checkbox{
|
|
background-image: url('../../static/checkbox.png');
|
|
}
|
|
.active{
|
|
|
|
background-image: url('../../static/checkboxActive.png');
|
|
}
|
|
.content{
|
|
color: #696969;
|
|
font-size: 20rpx;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.footer.active{
|
|
z-index: 9999;
|
|
}
|
|
.priceDetail{
|
|
::v-deep .uni-popup__wrapper {
|
|
height:640rpx;
|
|
background-color: white !important;
|
|
border-radius: 24rpx 24rpx 0 0;
|
|
padding: 29rpx 38rpx 150rpx;
|
|
}
|
|
.header {
|
|
display: flex;
|
|
height: 56rpx;
|
|
// padding: 30rpx 38rpx;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
border-radius: 24rpx 24rpx 0 0;
|
|
|
|
.header-title {
|
|
font-size: 32rpx;
|
|
color: #151515;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.close {
|
|
width: 40rpx;
|
|
height: 40rpx;
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
background-image: url('../../static/guanbi.png');
|
|
}
|
|
}
|
|
.title{
|
|
margin-top: 40rpx;
|
|
font-size: 26rpx;
|
|
color: #151515;
|
|
display: flex;
|
|
.title-red{
|
|
color: #E84134;
|
|
}
|
|
}
|
|
.base-price{
|
|
margin-top: 36rpx;
|
|
font-size: 26rpx;
|
|
color: #151515;
|
|
font-weight: bold;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
}
|
|
.price-rule{
|
|
font-size: 24rpx;
|
|
color: #888888;
|
|
margin-top: 20rpx;
|
|
}
|
|
.billing-weight{
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
height: 80rpx;
|
|
background-color:#F5F5F5 ;
|
|
border-radius: 4rpx;
|
|
padding: 10rpx 27rpx;
|
|
margin-top: 22rpx;
|
|
.left{
|
|
font-size: 24prx;
|
|
color: #888888;
|
|
}
|
|
.right{
|
|
font-size: 26rpx;
|
|
}
|
|
}
|
|
.line{
|
|
margin-top: 20rpx;
|
|
width: 100%;
|
|
height: 2rpx;
|
|
background-color: #F4F4F4;
|
|
}
|
|
.add-service,.setTimeout-send{
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
}
|
|
.add-service{
|
|
font-size: 26rpx;
|
|
font-weight: bold;
|
|
margin-top: 22rpx;
|
|
margin-bottom: 22rpx;
|
|
}
|
|
.setTimeout-send{
|
|
font-size: 26rpx;
|
|
.left{
|
|
color: #888888;
|
|
}
|
|
.right{
|
|
font-weight: bold;
|
|
}
|
|
}
|
|
}
|
|
} |