80 lines
1.2 KiB
Plaintext
80 lines
1.2 KiB
Plaintext
|
.orders-list {
|
||
|
display: flex;
|
||
|
align-items: center;
|
||
|
padding: 20rpx;
|
||
|
height: 180rpx;
|
||
|
border-bottom: 10rpx solid #ededed;
|
||
|
}
|
||
|
|
||
|
.orders-thumb {
|
||
|
width: 180rpx;
|
||
|
height: 180rpx;
|
||
|
margin-right: 20rpx;
|
||
|
}
|
||
|
|
||
|
.orders-info {
|
||
|
flex: 1;
|
||
|
display: flex;
|
||
|
justify-content: space-between;
|
||
|
}
|
||
|
|
||
|
.orders-info-left {
|
||
|
display: flex;
|
||
|
flex-direction: column;
|
||
|
justify-content: space-between;
|
||
|
}
|
||
|
|
||
|
.orders-pro-name {
|
||
|
font-size: 32rpx;
|
||
|
font-weight: bold;
|
||
|
}
|
||
|
|
||
|
.order-specs {
|
||
|
font-size: 28rpx;
|
||
|
color: #888;
|
||
|
margin-top: 5rpx;
|
||
|
}
|
||
|
|
||
|
.orders-info-right {
|
||
|
text-align: right;
|
||
|
display: flex;
|
||
|
flex-direction: column;
|
||
|
justify-content: space-between;
|
||
|
}
|
||
|
|
||
|
.orders-pro-price {
|
||
|
font-size: 32rpx;
|
||
|
font-weight: bold;
|
||
|
color: #AB956D;
|
||
|
}
|
||
|
|
||
|
.orders-count-num {
|
||
|
font-size: 28rpx;
|
||
|
color: #888;
|
||
|
}
|
||
|
|
||
|
.orders-no-refund {
|
||
|
height: 90rpx;
|
||
|
line-height: 90rpx;
|
||
|
font-size: 16px;
|
||
|
color: #f56464;
|
||
|
font-weight: bold;
|
||
|
border-bottom: 20rpx solid #ededed;
|
||
|
text-align: center;
|
||
|
}
|
||
|
|
||
|
.orders-no-refund::after {
|
||
|
position: absolute;
|
||
|
right: 30rpx;
|
||
|
top: 34rpx;
|
||
|
content: '';
|
||
|
width: 16rpx;
|
||
|
height: 16rpx;
|
||
|
border-top: 4rpx solid #7f7f7f;
|
||
|
border-right: 4rpx solid #7f7f7f;
|
||
|
transform: rotate(45deg);
|
||
|
}
|
||
|
|
||
|
.orders-box {
|
||
|
padding-bottom: 105rpx;
|
||
|
}
|