多规格增加

pages/refund/refund_history.vue

@@ -5,21 +5,24 @@
             <view class="item--content">
                 <view class="title">{{goodsInfo.goods_name}}</view>
                 <view class="sub_title" v-if="goodsInfo.shop">{{goodsInfo.shop.name}}</view>
+                <view class="unit">
+                    {{goodsInfo.unit}}
+                </view>
                 <view class=" number">
                     共 {{goodsInfo.qty}} 件
                 </view>
             </view>
-        </view>
-        
-        <view class="total">
-            <view class="total-item grey">
-                申请金额<text>{{refund_total || '0.00'}} DT</text>
-            </view>
-            <view class="total-item">
-                合计退款<text>{{refund_total|| '0.00'}} DT</text>
-            </view>
-        </view>
-        
+        </view>
+
+        <view class="total">
+            <view class="total-item grey">
+                申请金额<text>{{refund_total || '0.00'}} DT</text>
+            </view>
+            <view class="total-item">
+                合计退款<text>{{refund_total|| '0.00'}} DT</text>
+            </view>
+        </view>
+
         <view class="logistics--logs">
             <block v-for="(log, logIndex) in logs" :key="logIndex">
                 <view class="item">
@@ -39,14 +42,14 @@
         data() {
             return {
                 logs: [],
-                goodsInfo: {},
-                refund_total:''
+                goodsInfo: {},
+                refund_total: ''
             }
         },
         onLoad() {
             refundsLogs(this.$Route.query.id).then(res => {
-                this.logs = res.logs
-                this.goodsInfo = res.refund.items[0]
+                this.logs = res.logs
+                this.goodsInfo = res.refund.items[0]
                 this.refund_total = res.refund.refund_total
             }).catch(err => {
                 uni.showToast({
@@ -76,8 +79,8 @@
     $radius: 10rpx;
 
     .RefundHistory {
-        padding: $padding;
-        min-height: 100vh;
+        padding: $padding;
+        min-height: 100vh;
         background-color: #f9f9f9;
     }
 
@@ -124,8 +127,8 @@
         border-radius: $radius $radius 0 0;
         z-index: 9;
         padding: $margin;
-        overflow: hidden;
-        margin-top: 30rpx;
+        overflow: hidden;
+        margin-top: 30rpx;
         min-height: 50vh;
 
         .item {
@@ -214,6 +217,12 @@
                 // @extend .ellipsis-1;
             }
 
+            .unit {
+                color: #999;
+                font-size: 26rpx;
+                padding-top: 10rpx;
+            }
+
             &>.price {
                 padding-top: 10rpx;
                 display: flex;
@@ -250,31 +259,31 @@
             }
         }
 
-    }
-    
-    .total {
-        background-color: #fff;
-        padding: 0 $padding $padding $padding;
-        border-top: solid 2rpx #f9f9f9;
-        font-size: 28rpx;
-        color: #333;
-    
-        .total-item {
-            flex: 1;
-            display: flex;
-            flex-direction: row;
-            align-items: center;
-            justify-content: space-between;
-            box-sizing: border-box;
-            padding-top: $padding;
-    
-            text {
-                font-size: 32rpx;
-            }
-        }
-    
-        .grey {
-            color: #666;
-        }
+    }
+
+    .total {
+        background-color: #fff;
+        padding: 0 $padding $padding $padding;
+        border-top: solid 2rpx #f9f9f9;
+        font-size: 28rpx;
+        color: #333;
+
+        .total-item {
+            flex: 1;
+            display: flex;
+            flex-direction: row;
+            align-items: center;
+            justify-content: space-between;
+            box-sizing: border-box;
+            padding-top: $padding;
+
+            text {
+                font-size: 32rpx;
+            }
+        }
+
+        .grey {
+            color: #666;
+        }
     }
 </style>