更新部分UI界面效果 review by 黄敬囿

@@ -28,6 +28,7 @@
         display: inline-block;
         display: inline-block;
 
 
         &.actived {
         &.actived {
+            font-weight: 500;
             font-size: 40px;
             font-size: 40px;
             color: #000;
             color: #000;
             box-sizing: border-box;
             box-sizing: border-box;

@@ -15,7 +15,7 @@
         }
         }
 
 
         .product-price {
         .product-price {
-            height: 60px;
+            height: 40px;
             text-align: left;
             text-align: left;
             font-family: DINAlternate-Bold;
             font-family: DINAlternate-Bold;
             font-size: 28px;
             font-size: 28px;

 .swiper-bg {
 .swiper-bg {
     height: 280px;
     height: 280px;
     width: 100%;
     width: 100%;
-    margin-top: 20px;
+    margin-top: 32px;
     overflow: hidden;
     overflow: hidden;
     .index-swiper {
     .index-swiper {
         padding-left: 40px;
         padding-left: 40px;

@@ -75,15 +75,21 @@ export default class SelectSize extends Component {
                         sizeLength > 0 &&
                         sizeLength > 0 &&
                         <View className="size-list">
                         <View className="size-list">
                             {
                             {
-                                sizeList.map(item => {
+                                sizeList.map((item, index) => {
                                   let price;
                                   let price;
                                   if (item.storage_num > 0) {
                                   if (item.storage_num > 0) {
                                     price = `¥${item.least_price}`;
                                     price = `¥${item.least_price}`;
                                   } else {
                                   } else {
                                     price = '-';
                                     price = '-';
                                   }
                                   }
+                                  let rightStyle = ''
+                                  if (index !== 0 && index % 5 === 0) {
+                                    rightStyle = 'right-border'
+                                  } else if (index === sizeLength - 1) {
+                                    rightStyle = 'right-border'
+                                  }
                                     return (
                                     return (
-                                        <View key={item.size_id} className={curSelect === item.size_id ? `actived ${sizeStyle}` : sizeStyle} onClick={this.onChangeSize.bind(this, item)}>
+                                        <View key={item.size_id} className={curSelect === item.size_id ? `actived ${sizeStyle}` : `${sizeStyle} ${rightStyle}`} onClick={this.onChangeSize.bind(this, item)}>
                                             <View className={item.storage_num > 0 ? 'size' : 'size gray'}>{item.size_name}</View>
                                             <View className={item.storage_num > 0 ? 'size' : 'size gray'}>{item.size_name}</View>
                                             {
                                             {
                                                 curSelect !== item.size_id &&
                                                 curSelect !== item.size_id &&

@@ -45,7 +45,8 @@
 
 
         
         
         .size-item {
         .size-item {
-            border: 2px solid #ddd;
+            border-left: 2px solid #ddd;
+            border-bottom: 2px solid #ddd;
             box-sizing: border-box;
             box-sizing: border-box;
             text-align: center;
             text-align: center;
             width: 20%;
             width: 20%;
@@ -54,10 +55,12 @@
             flex-direction: column;
             flex-direction: column;
             align-items: center;
             align-items: center;
             justify-content: center;
             justify-content: center;
-
             &.top-border {
             &.top-border {
                 border-top: 2px solid #ddd;
                 border-top: 2px solid #ddd;
             }
             }
+            &.right-border {
+                border-right: 2px solid #ddd;
+            }
 
 
             .size {
             .size {
                 width: 100%;
                 width: 100%;
@@ -85,6 +88,7 @@
                 color: #999999;
                 color: #999999;
             }
             }
         }
         }
+        
     }
     }
 
 
     .buy-btn {
     .buy-btn {