user-order-detail.wxss 2.7 KB
Newer Older
D
devil_gong 已提交
1 2 3
/*
 * 地址信息
 */
D
devil_gong 已提交
4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28
.address {
    padding: 10rpx;
}
.address-base, .address-detail {
    padding: 10rpx 35rpx 10rpx 10rpx;
}
.address-detail .icon {
    width: 35rpx;
    height: 35rpx !important;
}
.address-detail .text {
    width: calc(100% - 40rpx);
}
.address-divider {
    height: 4px;
    background-image: url("/images/buy-address-divider.png");
    background-repeat-y: no-repeat;
}
.address-detail .text, .goods-title {
    line-height: 36rpx;
}
.no-address {
    height: 85rpx;
    line-height: 85rpx;
}
D
devil_gong 已提交
29 30 31 32 33 34 35
.address-alias {
  border: 1px solid #d2364c;
  color: #d2364c;
  padding: 2rpx 10rpx;
  border-radius: 6rpx;
  margin-right: 10rpx;
}
D
devil_gong 已提交
36

D
devil_gong 已提交
37 38 39
/*
 * 商品信息
 */
D
devil_gong 已提交
40 41 42 43
.goods-base {
  min-height: 160rpx;
  margin-left: 180rpx;
}
D
devil_gong 已提交
44 45
.goods .goods-item:last-child {
    border-bottom: 0;
D
devil_gong 已提交
46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65
}
.goods-item {
    padding: 20rpx 10rpx;
}
.goods-title, .goods-attribute {
    margin-bottom: 10rpx;
}
.goods-image {
    width: 160rpx;
    height: 160rpx;
    margin-right: 20rpx;
}
.goods-price {
    position: relative;
}
.buy-number {
    position: absolute;
    right: 0;
    bottom: 0;
}
D
devil_gong 已提交
66 67 68
.order-describe {
  padding: 20rpx 10rpx;
}
D
devil_gong 已提交
69

D
Devil 已提交
70
/*
D
devil_gong 已提交
71
 * 面板信息
D
Devil 已提交
72
 */
D
devil_gong 已提交
73 74 75 76 77 78 79 80
.panel-item .panel-title {
  background: #fff;
  font-weight: bold;
  padding: 15rpx;
  border-bottom: 2px solid #eee;
  font-size: 34rpx;
}
.panel-item .panel-content .item {
D
devil_gong 已提交
81 82
    padding: 20rpx 0;
}
D
devil_gong 已提交
83 84 85 86
.panel-item .panel-content .item:last-child {
  border: 0;
}
.panel-item .panel-content .item .title {
D
devil_gong 已提交
87
    width: 25%;
D
Devil 已提交
88
    padding-left: 20rpx;
D
devil_gong 已提交
89
}
D
devil_gong 已提交
90
.panel-item .panel-content .item .content {
D
Devil 已提交
91 92 93
    width: calc(75% - 50rpx);
    padding-left: 20rpx;
    min-height: 46rpx;
D
devil_gong 已提交
94
}
D
devil_gong 已提交
95
.panel-item .panel-content .item view {
D
devil_gong 已提交
96
    line-height: 46rpx;
D
Devil 已提交
97 98 99 100 101 102 103 104 105 106 107 108 109
}

/*
 * 扩展数据
 */
.extension-list .item {
  padding: 20rpx 30rpx;
}
.extension-list .item .title {
  padding-right: 20rpx;
}
.extension-list .item .content {
  padding-left: 20rpx;
D
devil_gong 已提交
110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130
}

/*
 * 虚拟销售信息
 */
.site-fictitious .panel-content {
  padding: 0 20rpx;
}
.site-fictitious .panel-content .tips-value {
  color: #f37b1d;
  background-color: #fff2e9;
  border-color: #ffebdb;
  padding: 10rpx;
  margin-top: 20rpx;
}
.site-fictitious .panel-content .left-image {
  width: 80rpx;
  height: 80rpx;
}
.site-fictitious .panel-content .right-value {
  width: calc(100% - 100rpx);
D
devil_gong 已提交
131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155
}

/*
 * 自提信息
 */
.site-extraction .panel-content {
  padding: 20rpx;
}
.site-extraction .panel-content .code {
  background: #5eb95e;
  color: #fff;
}
.site-extraction .panel-content .code,
.address-map-submit {
  padding: 1rpx 16rpx;
  border-radius: 6rpx;
}
.site-extraction .panel-content .qrcode {
  margin-top: 15rpx;
  width: 300rpx;
  height: 300rpx;
}
.address-map-submit {
  margin-left: 20rpx;
  background: #f5f5f5;
D
devil_gong 已提交
156
}