[new feature] sku组件增加图片上传功能 (#612)

* [new feature] sku组件增加图片上传功能

packages/vant-css/src/sku.css

@@ -1,4 +1,5 @@
 @import './common/var.css';
+@import './mixins/clearfix.css';
 
 .van-sku {
   &-container {
@@ -144,7 +145,7 @@
       margin-right: 20px;
     }
   }
-  
+
   &__stepper {
     top: 7px;
     left: 4px;
@@ -163,13 +164,85 @@
     color: $gray-dark;
     font-size: 12px;
   }
-  
+
   &__quota {
     display: inline-block;
     color: $red;
     font-size: 12px;
   }
 
+  &-messages {
+    &__image-cell {
+      .van-cell__title {
+        width: 90px;
+      }
+      .van-cell__value {
+        text-align: left;
+      }
+    }
+  }
+
+  &-img-uploader {
+    display: inline-block;
+
+    &__header {
+      padding: 0 10px;
+      border: 1px solid #e5e5e5;
+      line-height: 24px;
+      border-radius: 3px;
+      font-size: 12px;
+
+      .van-icon {
+        top: 3px;
+        margin-right: 5px;
+        font-size: 14px;
+      }
+    }
+
+    &__imglist {
+      @mixin clearfix;
+    }
+
+    &__img-container {
+      height: 60px;
+      width: 60px;
+      margin-top: 10px;
+      margin-right: 10px;
+      float: left;
+      position: relative;
+      border: #e5e5e5 1px solid;
+
+      img {
+        max-width: 100%;
+        max-height: 100%;
+        top: 50%;
+        position: relative;
+        transform: translateY(-50%);
+      }
+    }
+
+    &__delete-picture {
+      position: absolute;
+      color: $red;
+      top: -10px;
+      right: -17px;
+      z-index: 1;
+      width: 22px;
+      height: 22px;
+    }
+
+    &__uploading {
+      position: absolute;
+      top: 0;
+      left: 0;
+      right: 0;
+      bottom: 0;
+      margin: auto;
+      width: 20px;
+      height: 20px;
+    }
+  }
+
   /* sku actions */
   &-actions {
     display: flex;