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.
112 lines
1.9 KiB
112 lines
1.9 KiB
.wallpaper-container{ |
|
background:{ |
|
color:#F5F5F6; |
|
} |
|
height:100vh; |
|
width:100%; |
|
position: fixed; |
|
top:0; |
|
left:0; |
|
z-index: -1; |
|
} |
|
.wallpaper-body{ |
|
padding:16rpx 26rpx; |
|
.order-item-info-container{ |
|
margin-bottom:40rpx; |
|
padding:40rpx; |
|
background:{ |
|
color:#fff; |
|
} |
|
border-radius: 10rpx; |
|
.icon-label{ |
|
&.address{ |
|
margin-right:72rpx; |
|
} |
|
} |
|
.title{ |
|
margin-bottom:12rpx; |
|
} |
|
.title-container{ |
|
height:100%; |
|
align-content: space-between; |
|
} |
|
.item-info{ |
|
justify-content: space-between; |
|
.item-title{ |
|
max-width:300rpx; |
|
&.info-price{ |
|
justify-content: flex-end; |
|
} |
|
.price-number{ |
|
align-content: flex-end; |
|
.label{ |
|
display: flex; |
|
align-content: flex-end; |
|
} |
|
} |
|
} |
|
} |
|
.cell{ |
|
padding-top:20rpx; |
|
padding-bottom:20rpx; |
|
.cell-item{ |
|
margin-bottom:24rpx; |
|
justify-content: space-between; |
|
} |
|
&.price-info{ |
|
border-bottom:1px solid #d6d7d9; |
|
} |
|
|
|
} |
|
} |
|
.tip{ |
|
justify-content: space-between; |
|
align-items: center; |
|
.left{ |
|
.import-tip{ |
|
.icon{ |
|
margin-right:10rpx; |
|
} |
|
} |
|
} |
|
} |
|
} |
|
.foot-phone{ |
|
padding-top:60rpx; |
|
justify-content: center; |
|
.foot-phone-container{ |
|
.label,.phone{ |
|
margin-bottom:10rpx; |
|
} |
|
} |
|
} |
|
.phone-button{ |
|
display: flex; |
|
justify-content: center; |
|
width:auto; |
|
.phone{ |
|
text-align: center; |
|
flex: 0 0 64rpx; |
|
border-radius: 40rpx; |
|
display: flex; |
|
align-items: center; |
|
justify-content: center; |
|
text-align: center; |
|
//width:56rpx; |
|
height:64rpx; |
|
//border-radius:50%; |
|
background:{ |
|
color:#FF9545; |
|
} |
|
} |
|
} |
|
::v-deep .u-cell__body{ |
|
padding:26rpx 0 !important; |
|
width:100%; |
|
} |
|
::v-deep .u-cell__left-icon-wrap{ |
|
margin-bottom:auto; |
|
} |
|
::v-deep .u-cell__body__content{ |
|
align-items: stretch !important; |
|
} |