112 lines
2.3 KiB
Plaintext
112 lines
2.3 KiB
Plaintext
/* packageA/mycomponent/offline_order/offline_order.wxss */
|
|
.offline-order-detail {
|
|
background: #fff;
|
|
margin: 20rpx;
|
|
padding-bottom: 32rpx;
|
|
}
|
|
|
|
.offline-order-detail .overflow-2 {
|
|
word-break: break-all;
|
|
text-overflow: ellipsis;
|
|
display: -webkit-box;
|
|
-webkit-box-flex: 2;
|
|
-webkit-box-orient: vertical;
|
|
-webkit-line-clamp: 2;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.offline-order-detail .goods-box {
|
|
padding: 26rpx;
|
|
border-radius: 10rpx;
|
|
text-align: left;
|
|
}
|
|
|
|
.offline-order-detail .goods-box .order-num {
|
|
font-size: 12px;
|
|
color: #666666;
|
|
}
|
|
|
|
.offline-order-detail .goods-box .goods {
|
|
display: flex;
|
|
align-items: center;
|
|
margin-top: 24rpx;
|
|
}
|
|
|
|
.offline-order-detail .goods-box .left-img {
|
|
width: 140rpx;
|
|
height: 140rpx;
|
|
margin-right: 16rpx;
|
|
border-radius: 6rpx;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.offline-order-detail .goods-box .left-img image {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.offline-order-detail .goods-box .goods-title {
|
|
font-size: 14px;
|
|
color: #333333;
|
|
}
|
|
|
|
.offline-order-detail .goods-box .goods-option {
|
|
color: #666666;
|
|
margin: 16rpx 0;
|
|
}
|
|
|
|
.offline-order-detail .goods-box .bottom-box {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.offline-order-detail .goods-box .comment-btn {
|
|
display: inline-block;
|
|
margin-left: 16rpx;
|
|
color: #f14e4e;
|
|
font-size: 12px;
|
|
padding: 5rpx 34rpx;
|
|
border-radius: 32rpx;
|
|
border: solid 1rpx #f14e4e;
|
|
}
|
|
|
|
.offline-order-detail .goods-box .view-comment-btn {
|
|
display: inline-block;
|
|
margin-left: 16rpx;
|
|
color: #565656;
|
|
border-radius: 15px;
|
|
padding: 5rpx 10rpx;
|
|
border: 1rpx solid #9f9c9c;
|
|
}
|
|
|
|
.offline-order-detail .goods-box .extend-more {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
font-size: 14px;
|
|
color: #898989;
|
|
}
|
|
|
|
.offline-order-detail .goods-box .goods-info {
|
|
display: grid;
|
|
grid-template-columns: repeat(2, 1fr);
|
|
gap: 16rpx;
|
|
margin: 30rpx;
|
|
padding: 30rpx;
|
|
font-size: 14px;
|
|
border-radius: 5rpx;
|
|
background-color: #f7f7f7;
|
|
text-align: left;
|
|
white-space: break-spaces;
|
|
word-break: break-all;
|
|
}
|
|
|
|
.offline-order-detail .goods-box .pay-amount {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-around;
|
|
margin-top: 30rpx;
|
|
color: #1e1e1e;
|
|
font-size: 14px;
|
|
}
|
|
|