2024-09-22 15:07:01 +08:00
|
|
|
.orderInfo {
|
|
|
|
|
background: #FFFFFF;
|
|
|
|
|
border-radius: 12rpx 12rpx 12rpx 12rpx;
|
|
|
|
|
box-shadow: 2rpx 4rpx 8rpx #efefef;
|
|
|
|
|
padding: 0 30rpx;
|
|
|
|
|
}
|
|
|
|
|
.orderInfo .header {
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
border-bottom: 1rpx solid #EEEEEE;
|
|
|
|
|
padding: 30rpx 0;
|
|
|
|
|
}
|
|
|
|
|
.orderInfo .header .orderTitle {
|
|
|
|
|
flex: 1;
|
|
|
|
|
width: 0;
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
font-size: 32rpx;
|
|
|
|
|
color: #333333;
|
|
|
|
|
}
|
|
|
|
|
.orderInfo .header .orderStatus {
|
|
|
|
|
font-weight: 500;
|
|
|
|
|
font-size: 24rpx;
|
|
|
|
|
}
|
2024-09-24 14:08:50 +08:00
|
|
|
.orderInfo .header .orderStatus.status_01 {
|
2024-09-22 15:07:01 +08:00
|
|
|
color: #0174F6;
|
|
|
|
|
}
|
|
|
|
|
.orderInfo .detail {
|
|
|
|
|
margin-bottom: 30rpx;
|
|
|
|
|
border-bottom: 1rpx solid #EEEEEE;
|
|
|
|
|
}
|
|
|
|
|
.orderInfo .detail .line {
|
|
|
|
|
margin: 30rpx 0;
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
-webkit-column-gap: 10rpx;
|
|
|
|
|
column-gap: 10rpx;
|
|
|
|
|
font-weight: 500;
|
|
|
|
|
font-size: 24rpx;
|
|
|
|
|
color: #999999;
|
|
|
|
|
}
|
|
|
|
|
.orderInfo .detail .line-icon {
|
|
|
|
|
width: 28rpx;
|
|
|
|
|
height: 28rpx;
|
|
|
|
|
}
|
|
|
|
|
.orderInfo .footer {
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
-webkit-column-gap: 20rpx;
|
|
|
|
|
column-gap: 20rpx;
|
|
|
|
|
}
|
|
|
|
|
.orderInfo .footer .btn {
|
|
|
|
|
margin-bottom: 30rpx;
|
|
|
|
|
flex: 1;
|
|
|
|
|
width: 0;
|
|
|
|
|
height: 60rpx;
|
|
|
|
|
border-radius: 30rpx 30rpx 30rpx 30rpx;
|
|
|
|
|
border: 1rpx solid #0174F6;
|
|
|
|
|
font-weight: 500;
|
|
|
|
|
font-size: 28rpx;
|
|
|
|
|
color: #0174F6;
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
-webkit-column-gap: 8rpx;
|
|
|
|
|
column-gap: 8rpx;
|
|
|
|
|
}
|
|
|
|
|
.orderInfo .footer .btn.primary {
|
|
|
|
|
background: #0174F6;
|
|
|
|
|
color: #fff;
|
|
|
|
|
color: #FFFFFF;
|
|
|
|
|
}
|
|
|
|
|
.orderInfo .footer .btn.address {
|
|
|
|
|
background: #0174F6;
|
|
|
|
|
color: #fff;
|
|
|
|
|
border: none;
|
|
|
|
|
}
|
|
|
|
|
.orderInfo .footer .btn.phone {
|
|
|
|
|
background: #E8A321;
|
|
|
|
|
color: #fff;
|
|
|
|
|
border: none;
|
|
|
|
|
}
|
|
|
|
|
.orderInfo .footer .btn .btnIcon {
|
|
|
|
|
width: 32rpx;
|
|
|
|
|
height: 32rpx;
|
|
|
|
|
}
|
|
|
|
|
|
