1 line
4.5 KiB
Plaintext
1 line
4.5 KiB
Plaintext
.order-detail{width:100%;padding:0 20rpx;box-sizing:border-box;margin-top:20rpx}.order-detail .order-detail-box{width:100%;height:100%;box-sizing:border-box;background:#fff;border-radius:10rpx}.order-detail .order-detail-box .header{width:100%;padding:30rpx;display:flex;justify-content:space-between;align-items:center;box-sizing:border-box}.order-detail .order-detail-box .header .title{display:inline-block;position:relative;line-height:1}.order-detail .order-detail-box .detail-body{width:100%;padding:0 30rpx 30rpx 30rpx;box-sizing:border-box}.order-detail .order-detail-box .detail-body .detail-body-box{width:100%;height:100%;display:flex}.order-detail .order-detail-box .detail-body .detail-body-box .goods-image{width:180rpx;height:180rpx;border-radius:10rpx}.order-detail .order-detail-box .detail-body .detail-body-box .goods-image image{width:100%;height:100%;border:1rpx solid #eee;border-radius:10rpx}.order-detail .order-detail-box .detail-body .detail-body-box .order-info{width:calc(100% - 200rpx);height:180rpx;padding-left:20rpx;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between}.order-detail .order-detail-box .detail-body .detail-body-box .order-info .goods-name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:1.5;font-size:28rpx}.order-detail .order-detail-box .detail-body .detail-body-box .order-info .goods-sub-section{width:100%;line-height:1.3;display:flex}.order-detail .order-detail-box .detail-body .detail-body-box .order-info .goods-sub-section .goods-price{font-size:28rpx}.order-detail .order-detail-box .detail-body .detail-body-box .order-info .goods-sub-section .unit{font-weight:400;font-size:24rpx;margin-right:2rpx}.order-detail .order-detail-box .detail-body .detail-body-box .order-info .goods-sub-section view{flex:1;line-height:1.3}.order-detail .order-detail-box .detail-body .detail-body-box .order-info .goods-sub-section view:last-of-type{text-align:right}.order-detail .order-detail-box .detail-body .detail-body-box .order-info .goods-sub-section view:last-of-type .iconfont{line-height:1;font-size:28rpx}.order-detail .order-detail-box .detail-content{width:100%;padding:0 30rpx 30rpx 30rpx;box-sizing:border-box;border-bottom:1rpx solid #eee}.order-detail .order-detail-box .detail-content text{font-size:28rpx}.order-detail .order-detail-box .detail-content .order-info-item .tit{display:inline-block}.order-detail .order-detail-box .detail-footer{width:100%;height:100rpx;padding:20rpx;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center}.order-detail .order-detail-box .detail-footer .total{font-weight:600}.commission{margin-top:20rpx}.commission .detail-content{border:0!important}.order-money-detail{width:100%;padding:0 20rpx;box-sizing:border-box;margin-top:20rpx}.order-money-detail .order-money-detail-box{width:100%;height:100%;padding-top:20rpx;box-sizing:border-box;background:#fff;border-radius:10rpx}.order-money-detail .order-money-detail-box .header{width:100%;height:70rpx;padding:0 20rpx;border-bottom:1rpx solid #eee;display:flex;align-items:center;box-sizing:border-box}.order-money-detail .order-money-detail-box .header .title{padding-left:20rpx;display:inline-block;position:relative;line-height:1;font-weight:600}.order-money-detail .order-money-detail-box .header .title::before{content:"";display:block;width:4rpx;height:100%;position:absolute;left:0;top:0;border-radius:6rpx}.order-money-detail .order-money-detail-box .money-detail-body{width:100%;padding:20rpx;box-sizing:border-box}.order-money-detail .order-money-detail-box .money-detail-body .order-cell{display:flex;margin:10rpx 0;align-items:center;background:#fff;line-height:40rpx}.order-money-detail .order-money-detail-box .money-detail-body .order-cell .tit{text-align:left;display:inline-block;width:200rpx}.order-money-detail .order-money-detail-box .money-detail-body .order-cell .box{flex:1;line-height:inherit}.order-money-detail .order-money-detail-box .money-detail-body .order-cell .box .textarea{height:40rpx}.order-money-detail .order-money-detail-box .money-detail-body .order-cell .iconfont{color:#bbb;font-size:28rpx}.order-money-detail .order-money-detail-box .money-detail-body .order-cell .order-pay{padding:0}.order-money-detail .order-money-detail-box .money-detail-body .order-cell .order-pay text{display:inline-block;margin-left:6rpx}.order-money-detail .order-money-detail-box .money-detail-body .order-cell text{color:#909399;font-size:24rpx}.price-color{color:var(--price-color)} |