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.
130 lines
2.7 KiB
130 lines
2.7 KiB
1 year ago
|
.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;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|