209 lines
3.2 KiB
Plaintext
209 lines
3.2 KiB
Plaintext
.ml-37 {
|
|
margin-left: 69.38rpx;
|
|
}
|
|
.ml-7 {
|
|
margin-left: 13.13rpx;
|
|
}
|
|
.mt-15 {
|
|
margin-top: 28.13rpx;
|
|
}
|
|
.ml-3 {
|
|
margin-left: 5.63rpx;
|
|
}
|
|
.ml-23 {
|
|
margin-left: 40.13rpx;
|
|
}
|
|
.mt-17 {
|
|
margin-top: 31.88rpx;
|
|
}
|
|
.mt-11 {
|
|
margin-top: 20.63rpx;
|
|
}
|
|
.mt-389 {
|
|
margin-top: 729.38rpx;
|
|
}
|
|
|
|
/* 整体布局 */
|
|
.page {
|
|
padding-top: 26.25rpx;
|
|
background-color: #f8f8f8;
|
|
width: 100%;
|
|
height: 100%;
|
|
overflow-y: auto;
|
|
overflow-x: hidden;
|
|
}
|
|
.group {
|
|
padding: 0 18.75rpx;
|
|
}
|
|
|
|
/* 调整首屏 section 右边内边距，不让价格太贴边 */
|
|
.section {
|
|
padding: 0 22.5rpx 33.75rpx 22.5rpx;
|
|
filter: drop-shadow(0rpx 3.75rpx 3.75rpx #00000040);
|
|
background-color: #ffffff;
|
|
border-radius: 7.22rpx;
|
|
}
|
|
|
|
/* 订单详情区 */
|
|
.group_2 {
|
|
padding: 33.75rpx 0 26.25rpx;
|
|
border-bottom: solid 1.88rpx #e3e3e3;
|
|
}
|
|
.group_3 {
|
|
margin-right: 18.75rpx;
|
|
}
|
|
.font_2 {
|
|
font-size: 26.25rpx;
|
|
font-family: SourceHanSansCN;
|
|
line-height: 24.23rpx;
|
|
color: #f84947;
|
|
}
|
|
.text {
|
|
line-height: 24.56rpx;
|
|
}
|
|
.text_2 {
|
|
line-height: 24.17rpx;
|
|
}
|
|
.group_4 {
|
|
margin-right: 33.75rpx;
|
|
}
|
|
.image {
|
|
border-radius: 9.38rpx;
|
|
width: 208.13rpx;
|
|
height: 133.13rpx;
|
|
}
|
|
.font_3 {
|
|
font-size: 30rpx;
|
|
font-family: SourceHanSansCN;
|
|
line-height: 27.64rpx;
|
|
}
|
|
.text_3 {
|
|
color: #000000;
|
|
line-height: 35.63rpx;
|
|
}
|
|
.text_4 {
|
|
color: #3d3d3d;
|
|
line-height: 22.76rpx;
|
|
}
|
|
|
|
/* 订单详情二级区 */
|
|
.section_2 {
|
|
padding: 33.75rpx 22.5rpx 0;
|
|
background-color: #ffffff;
|
|
border-radius: 7.39rpx;
|
|
box-shadow: 0rpx 3.75rpx 7.5rpx #00000040;
|
|
}
|
|
.group_5 {
|
|
line-height: 24.28rpx;
|
|
}
|
|
.font_4 {
|
|
font-size: 26.25rpx;
|
|
font-family: SourceHanSansCN;
|
|
line-height: 19.93rpx;
|
|
color: #323232;
|
|
}
|
|
.group_6 {
|
|
margin-top: 30rpx;
|
|
width: 369.94rpx;
|
|
}
|
|
.font_5 {
|
|
font-size: 26.25rpx;
|
|
line-height: 31.88rpx;
|
|
color: #323232;
|
|
}
|
|
.group_7 {
|
|
margin-top: 11.25rpx;
|
|
padding-bottom: 26.25rpx;
|
|
}
|
|
.section_3 {
|
|
padding-top: 9.38rpx;
|
|
background-color: #ffffff;
|
|
}
|
|
.divider {
|
|
background-color: #cccccc;
|
|
height: 1.88rpx;
|
|
}
|
|
.group_8 {
|
|
padding: 0 3.75rpx;
|
|
}
|
|
.font {
|
|
font-size: 26.25rpx;
|
|
font-family: SourceHanSansCN;
|
|
line-height: 24.23rpx;
|
|
color: #696969;
|
|
}
|
|
.text_7 {
|
|
line-height: 24.36rpx;
|
|
}
|
|
.text_6 {
|
|
line-height: 31.88rpx;
|
|
}
|
|
.text_5 {
|
|
line-height: 24.28rpx;
|
|
}
|
|
.text_8 {
|
|
color: #323232;
|
|
}
|
|
.text_9 {
|
|
line-height: 24.52rpx;
|
|
}
|
|
.text_10 {
|
|
line-height: 24.43rpx;
|
|
}
|
|
.text_11 {
|
|
width: 270rpx;
|
|
}
|
|
.pos {
|
|
position: absolute;
|
|
left: 141.05rpx;
|
|
top: 142.92rpx;
|
|
}
|
|
|
|
/* 调整价格明细区右边内边距 */
|
|
.section_4 {
|
|
padding: 22.5rpx 22.5rpx 0 22.5rpx;
|
|
background-color: #ffffff;
|
|
border-radius: 4.01rpx;
|
|
box-shadow: 0rpx 3.75rpx 7.5rpx #00000040;
|
|
}
|
|
.text_12 {
|
|
line-height: 24.41rpx;
|
|
}
|
|
.text_13 {
|
|
line-height: 24.41rpx;
|
|
}
|
|
.text_14 {
|
|
margin-right: 15rpx;
|
|
}
|
|
.group_9 {
|
|
padding: 22.5rpx 0 18.75rpx;
|
|
border-top: solid 1.88rpx #e3e3e3;
|
|
}
|
|
.text_15 {
|
|
line-height: 24.49rpx;
|
|
}
|
|
.text_16 {
|
|
color: #f84947;
|
|
}
|
|
|
|
/* 底部按钮 */
|
|
.text-wrapper {
|
|
padding: 37.5rpx 0;
|
|
flex: 1 1 375rpx;
|
|
background-color: #ffffff;
|
|
height: 105rpx;
|
|
}
|
|
.text-wrapper_2 {
|
|
padding: 37.5rpx 0;
|
|
flex: 1 1 375rpx;
|
|
background-color: #ff8d1a;
|
|
height: 105rpx;
|
|
}
|
|
.text_17 {
|
|
color: #323232;
|
|
}
|
|
.text_18 {
|
|
color: #ffffff;
|
|
line-height: 27.81rpx;
|
|
}
|