detailCard.wxss 2.4 KB

1
  1. .card.data-v-7a646c26{background-color:#fff;border-radius:16rpx;padding:0 20rpx;padding-bottom:20rpx;margin-bottom:20rpx}.card .user-name.data-v-7a646c26{display:flex;justify-content:space-between;align-items:center;height:84rpx;border-bottom:2rpx solid hsla(0,0%,59.2%,.2)}.card .user-name .name.data-v-7a646c26{display:flex;align-items:center;font-size:24rpx;color:#333}.card .user-name .name .header-img.data-v-7a646c26{width:40rpx;height:40rpx;border-radius:50%;margin-right:12rpx}.card .user-name .order-status.data-v-7a646c26{font-size:24rpx;color:#f83224}.card .order-detail.data-v-7a646c26{margin-top:22rpx;position:relative}.card .order-detail .detail.data-v-7a646c26{display:flex}.card .order-detail .detail .order-img.data-v-7a646c26{width:180rpx;height:180rpx;border-radius:10rpx;margin-right:20rpx}.card .order-detail .detail .detail-right.data-v-7a646c26{width:70%}.card .order-detail .detail .detail-right .title-price.data-v-7a646c26{display:flex;font-size:28rpx;justify-content:space-between;align-items:center}.card .order-detail .detail .detail-right .title-price .title.data-v-7a646c26{width:330rpx;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.card .order-detail .detail .detail-right .specifications.data-v-7a646c26{display:flex;justify-content:space-between;align-items:center;font-size:28rpx;color:#777;margin-top:10rpx}.card .order-detail .detail .detail-right .specifications .title.data-v-7a646c26{width:330rpx;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.card .price-detail.data-v-7a646c26{display:flex;justify-content:flex-end;align-items:flex-end;margin-top:20rpx}.card .price-detail .price.data-v-7a646c26{font-weight:600}.card .remarks.data-v-7a646c26{display:flex;font-size:28rpx;background-color:#f4f4f4;border-radius:10rpx;padding:14rpx 20rpx;margin-top:20rpx}.card .btn-list.data-v-7a646c26{display:flex;justify-content:flex-end;margin-top:30rpx}.card .btn-list .btn-1.data-v-7a646c26{font-size:28rpx;color:#f83224;border:2rpx solid #f83224;background-color:#fff;margin:0;border-radius:34rpx;min-width:162rpx;margin-left:20rpx}.card .btn-list .btn-2.data-v-7a646c26{font-size:28rpx;color:#222;border:2rpx solid #979797;background-color:#fff;margin:0;border-radius:34rpx;min-width:162rpx;margin-left:20rpx}.card .btn-list .btn-3.data-v-7a646c26{font-size:28rpx;color:#fff;background-color:#f83224;margin:0;border-radius:34rpx;min-width:162rpx;margin-left:20rpx}