Feat(提交订单)：UI调整（已完成）

components/CouponsPopup.vue

@@ -61,7 +61,8 @@ export default {
     return {
       webUrl: this.$VUE_APP_RESOURCES_URL,
       current: 0,
-      couponId: uni.getStorageSync('couponId') || 0
+      couponId: uni.getStorageSync('couponId') || 0,
+      selectItem: {}
     }
   },
   computed: {
@@ -88,6 +89,7 @@ export default {
     },
     selectCoupon(id) {
       this.couponId = id
+      this.selectItem = this.list.find(e => e.id === id)
       this.list.map(item => {
         item.checked = id === item.id
       })
@@ -95,7 +97,7 @@ export default {
     setCoupon() {
       if (this.current === 1) return
       uni.setStorageSync('couponId', this.couponId)
-      this.$emit('change')
+      this.$emit('change', this.selectItem || {})
     }
   }
 }

components/OrderGoods.vue

@@ -2,43 +2,43 @@
   <view class="orderGoods">
     <view
       v-if="title.length > 0"
-      class="total acea-row  row-middle"
+      class="v12-pa-3 acea-row  row-middle"
     >
       <view
         style="position: relative;"
         class="acea-row row-left row-middle"
       >
-        <image
+        <!-- <image
           style="width: 32rpx;height: 32rpx;margin-right: 12rpx;"
           src="http://admin-api.xdd618.com/file/pic/20210807230759738342.png" mode=""
-        />
-        <text class="title">
+        /> -->
+        <text class="title v12-font-32">
           {{ title }}
         </text>
       </view>
     </view>
     <view
       v-else
-      class="total"
+      class=""
     >共{{ cartInfo.length }}件商品</view>
     <view class="goodWrapper">
       <view
         v-for="cart in cartInfo"
         :key="cart.id"
         class="item acea-row row-between-wrapper"
-        style="flex-wrap: nowrap;"
+        style="flex-wrap: nowrap; border:none"
       >
         <view class="pictrue" style="margin-right: 20rpx;">
           <image :src="cart.productInfo.image" class="image" />
         </view>
-        <view class="text">
+        <view class="text" style="height: 100%;justify-content: space-between;">
           <view class="acea-row row-between-wrapper">
-            <view class="name line1 one-t">{{ cart.productInfo.storeName }}</view>
+            <view class="name line1 one-t v12-font-bold">{{ cart.productInfo.storeName }}</view>
           </view>
           <view class="acea-row row-middle row-between attr-wrap">
             <view
               v-if="cart.productInfo.attrInfo"
-              class="attr more-t"
+              class="more-t v12-font-24 v12-secondary-dark-text"
             >
               规格：{{ cart.productInfo.attrInfo.sku }}
             </view>
@@ -49,8 +49,12 @@
             >评价</view>
 		      </view>
           <view class="money font-color-lightred acea-row row-between">
-            <text>￥{{ cart.truePrice }}</text>
-            <text class="num">x{{ cart.cartNum }}</text>
+            <view class="v12-font-bold">
+              <text class="v12-font-28 v12-dark-text">应付：</text>
+              <text class="v12-font-22">￥</text>
+              <text class="v12-primary-text v12-font-28">{{ cart.truePrice }}</text>
+            </view>
+            <text class="num v12-dark-text">x{{ cart.cartNum }}</text>
           </view>
         </view>
       </view>
@@ -86,6 +90,12 @@ export default {
 };
 </script>
 <style scoped>
+.orderGoods{
+  border-radius: 20rpx 20rpx 0 0;
+}
+.item{
+  height: 160rpx !important;
+}
 	.title{
 		font-size:26rpx;
 		color:#080F1A;
@@ -99,10 +109,10 @@ export default {
     display: block;
     width: 160rpx;
     height: 160rpx;
+    border-radius: 16rpx;
   }
   .attr-wrap {
     position: relative;
-    min-height: 80rpx;
     margin-top: 8rpx;
     align-items: flex-start;
   }