order page style change

@@ -107,7 +107,7 @@ Page({
             skus: [],
             pids: []
         };
-        this.loadEnsurePayment({productSku: this.orderData.productSku});
+        this.loadEnsurePayment({buyNumber: this.orderData.buyNumber, productSku: this.orderData.productSku});
 
         yas.pageOpenReport();
     },

@@ -15,10 +15,10 @@
                         <view class="name row">{{good.product_name}}</view>
                         <view class="row">
                             <view class="color">
-                                颜色:{{good.color_name}}
+                                颜色：{{good.color_name}}
                             </view>
                             <view class="size">
-                                尺码:{{good.size_name}}
+                                尺码：{{good.size_name}}
                             </view>
                         </view>
                         <view class="row price-wrap">
@@ -29,7 +29,7 @@
                                 ¥{{good.sales_price}}
                             </view>
                             <view class="count">
-                                ×{{good.buy_number}}
+                                × {{good.buy_number}}
                             </view>
                         </view>
                     </view>

@@ -6,7 +6,6 @@
     position: relative;
     display: block;
     background: #fff;
-    /* margin: 10rpx 0; */
     margin-bottom: 20rpx;
     border-top: 1rpx solid #e0e0e0;
     border-bottom: 1rpx solid #e0e0e0;
@@ -84,13 +83,18 @@ image {
 }
 
 .order-good .name {
-    font-size: 25.2rpx;
     max-width: 70%;
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
+    font-family: PingFang-SC-Regular;
+    font-size: 28rpx;
+    color: #444;
+    letter-spacing: -0.4rpx;
+    line-height: 34rpx;
+    min-height: 68rpx;
 }
 
 .order-good .row:nth-child(2) {
@@ -106,16 +110,20 @@ image {
     overflow: hidden;
     white-space: nowrap;
     vertical-align: bottom;
+    font-family: PingFang-SC-Regular;
+    font-size: 24rpx;
+    color: #B0B0B0;
+    letter-spacing: -0.34rpx;
 }
 
 .order-good .row .size {
     display: inline-block;
-    max-width: 200rpx;
-    text-overflow: ellipsis;
-    overflow: hidden;
-    white-space: nowrap;
     vertical-align: bottom;
     padding-left: 20rpx;
+    font-family: PingFang-SC-Regular;
+    font-size: 24rpx;
+    color: #B0B0B0;
+    letter-spacing: -0.34rpx;
 }
 
 .order-good .color, .order-good .size {
@@ -130,14 +138,17 @@ image {
 }
 
 .order-good .price {
-    color: #e01;
+    color: #d0021b;
 }
 
 .order-good .count {
     display: block;
-    color: #999;
     text-align: right;
-    line-height: 40.5rpx;
+    font-family: PingFang-SC-Regular;
+    font-size: 24rpx;
+    color: #B0B0B0;
+    letter-spacing: -0.34rpx;
+    margin-top: 40rpx;
 }
 
 .order .footer {

@@ -133,67 +133,6 @@ image {
     border: 0;
 }
 
-.order-good .deps {
-    margin-left: 121.5rpx;
-}
-
-.order-good .name {
-    font-size: 25.2rpx;
-    max-width: 70%;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    display: -webkit-box;
-    -webkit-line-clamp: 2;
-    -webkit-box-orient: vertical;
-}
-
-.order-good .row:nth-child(2) {
-    height: 40.5rpx;
-    line-height: 40.5rpx;
-    width: 90%;
-}
-
-.order-good .row .color {
-    display: inline-block;
-    max-width: 200rpx;
-    text-overflow: ellipsis;
-    overflow: hidden;
-    white-space: nowrap;
-    vertical-align: bottom;
-}
-
-.order-good .row .size {
-    display: inline-block;
-    max-width: 200rpx;
-    text-overflow: ellipsis;
-    overflow: hidden;
-    white-space: nowrap;
-    vertical-align: bottom;
-    padding-left: 20rpx;
-}
-
-.order-good .color, .order-good .size {
-    color: #b6b6b6;
-}
-
-.order-good .price-wrap {
-    position: absolute;
-    top: 0rpx;
-    right: 27rpx;
-    text-align: right;
-}
-
-.order-good .price {
-    color: #e01;
-}
-
-.order-good .count {
-    display: block;
-    color: #999;
-    text-align: right;
-    line-height: 40.5rpx;
-}
-
 .order-page .order .footer {
     text-align: right;
     border-top: 1rpx solid #e0e0e0;

-import Yas from '../../../common/yas';
+import Yas from '../../common/yas';
 
 const yas = new Yas();
 const router = global.router;