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.
134 lines
2.2 KiB
134 lines
2.2 KiB
.body-background{ |
|
background:{ |
|
color:#F5F5F6; |
|
} |
|
} |
|
.address-container{ |
|
padding:16rpx 26rpx; |
|
.cell{ |
|
&.address-height{ |
|
position: relative; |
|
.address-background{ |
|
position: absolute; |
|
left:0; |
|
top:0; |
|
z-index: 1; |
|
width:100%; |
|
height:100%; |
|
} |
|
.right,.left{ |
|
position: relative; |
|
z-index: 2; |
|
} |
|
} |
|
&.order-info{ |
|
align-content: flex-start; |
|
} |
|
margin-bottom:16rpx; |
|
background-color:#fff; |
|
border-radius: 10rpx; |
|
padding:{ |
|
top:32rpx; |
|
bottom:32rpx; |
|
left:40rpx; |
|
right:16rpx; |
|
} |
|
align-items: center; |
|
.left{ |
|
.icon{ |
|
margin-right:22rpx; |
|
} |
|
} |
|
.right{ |
|
justify-content: space-between; |
|
align-items: center; |
|
.content{ |
|
.title{ |
|
.name{ |
|
margin-right:20rpx; |
|
} |
|
} |
|
.desc{ |
|
margin-top:auto; |
|
align-items: center; |
|
&.ext{ |
|
margin-top:auto; |
|
align-items: stretch; |
|
.item{ |
|
.label{ |
|
margin-right:50rpx; |
|
} |
|
} |
|
} |
|
} |
|
} |
|
.right-icon{ |
|
|
|
} |
|
} |
|
.cell-label{ |
|
margin-bottom:30rpx; |
|
} |
|
.price-info-container{ |
|
margin-top:30rpx; |
|
justify-content: space-between; |
|
padding:{ |
|
top:30rpx; |
|
bottom:30rpx; |
|
} |
|
border:{ |
|
top:2rpx solid #eee; |
|
bottom:2rpx solid #eee; |
|
} |
|
align-items: flex-end; |
|
.label{ |
|
align-items: center; |
|
.icon{ |
|
margin-right:16rpx; |
|
} |
|
} |
|
.price-container{ |
|
align-items: flex-end; |
|
justify-content: flex-end; |
|
.label{ |
|
align-items: flex-end; |
|
} |
|
} |
|
} |
|
} |
|
.cell-body{ |
|
.content{ |
|
height:100%; |
|
.right{ |
|
.desc{ |
|
margin-top:auto; |
|
} |
|
} |
|
} |
|
|
|
} |
|
} |
|
.order-container{ |
|
.cell{ |
|
.right{ |
|
.content{ |
|
.desc{ |
|
&.ext{ |
|
|
|
} |
|
} |
|
} |
|
} |
|
} |
|
} |
|
.foot-button{ |
|
padding:40rpx 26rpx; |
|
position: fixed; |
|
bottom:0; |
|
left:0; |
|
z-index: 9999; |
|
width: 100%; |
|
background: { |
|
color:#FFFFFF; |
|
}; |
|
} |