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.
129 lines
2.7 KiB
129 lines
2.7 KiB
.placeOrder_container { |
|
width: 100vw; |
|
height: 100vh; |
|
background-color: #f1f8fd; |
|
margin: 0 !important; |
|
padding: 0 !important; |
|
overflow: hidden !important; |
|
font-size: 28rpx; |
|
font-family: PingFang SC-Bold, PingFang SC; |
|
.blue { |
|
color: #476ffa; |
|
} |
|
.placeOrder_footer { |
|
width: 100%; |
|
.placeOrder_footer_button { |
|
width: 100%; |
|
height: 106rpx; |
|
background: #121836; |
|
border-radius: 15rpx 15rpx 15rpx 15rpx; |
|
opacity: 1; |
|
margin: 0 auto; |
|
color: #ffffff; |
|
box-sizing: border-box; |
|
font-size: 34rpx; |
|
} |
|
} |
|
.placeOrder_body { |
|
margin-top: 20rpx; |
|
background-color: #ffffff; |
|
padding: 36rpx 20rpx; |
|
box-sizing: border-box; |
|
.placeOrder_card { |
|
padding: 40rpx 40rpx; |
|
box-shadow: 0rpx 2rpx 8rpx 0rpx rgba(0, 0, 0, 0.06); |
|
margin-bottom: 40rpx; |
|
image { |
|
width: 38rpx; |
|
height: 38rpx; |
|
margin-right: 25rpx; |
|
} |
|
.account { |
|
.account_tip { |
|
margin-top: 10rpx; |
|
font-size: 22rpx; |
|
color: rgba(0, 0, 0, 0.45); |
|
text{ |
|
color: rgba(71, 111, 250, 1); |
|
} |
|
} |
|
.account_label { |
|
color: #333333; |
|
font-weight: 600; |
|
font-size: 28rpx; |
|
} |
|
} |
|
.placeOrder_card_label { |
|
color: #000000; |
|
font-size: 30rpx; |
|
font-weight: 600; |
|
margin-right: 44rpx; |
|
} |
|
} |
|
.placeOrder_body_poriceOoptions { |
|
margin: 41rpx 0; |
|
margin-bottom: 0; |
|
flex-wrap: wrap; |
|
justify-content: flex-start; /* 替代space-between布局方式 */ |
|
.placeOrder_body_poriceOoptions_item:first-child { |
|
margin-left: 0; |
|
} |
|
.placeOrder_body_poriceOoptions_item:nth-child(3n) { |
|
margin-right: 0; |
|
} |
|
.placeOrder_body_poriceOoptions_item { |
|
width: 132rpx; |
|
height: 60rpx; |
|
border-radius: 6rpx 6rpx 6rpx 6rpx; |
|
opacity: 1; |
|
border: 1rpx solid #121836; |
|
margin-right: calc((100% - (132rpx * 3)) / 2.2); |
|
margin-bottom: 44rpx; |
|
font-size: 28rpx; |
|
color: #121836; |
|
box-sizing: border-box; |
|
} |
|
.select_placeOrder_body_poriceOoptions_item { |
|
border: 0 !important; |
|
color: #ffffff; |
|
background-color: #121836ff; |
|
box-sizing: border-box; |
|
} |
|
} |
|
.placeOrder_body_input { |
|
border-bottom: solid 1px #ededed; |
|
padding-bottom: 27rpx; |
|
.placeOrder_body_input_label { |
|
color: #000000; |
|
font-size: 32rpx; |
|
font-weight: 600; |
|
margin-right: 44rpx; |
|
} |
|
} |
|
} |
|
.placeOrder_header { |
|
width: 100%; |
|
padding: 61rpx 38rpx; |
|
background-color: #ffffff; |
|
margin-top: 50rpx; |
|
border-radius: 70rpx 70rpx 0rpx 0rpx; |
|
box-sizing: border-box; |
|
.placeOrder_period { |
|
margin: 24rpx 0; |
|
.placeOrder_period_right { |
|
color: #121836; |
|
font-size: 30rpx; |
|
font-weight: 600; |
|
} |
|
.placeOrder_period_left { |
|
color: rgba(0, 0, 0, 0.85); |
|
font-size: 28rpx; |
|
} |
|
} |
|
.placeOrder_header_name { |
|
font-size: 30rpx; |
|
color: #000000; |
|
font-weight: 600; |
|
} |
|
} |
|
}
|
|
|