[Improvement] Sku: optimize DOM (#704)

packages/sku/components/SkuHeader.vue

@@ -1,12 +1,14 @@
 <template>
   <div class="van-sku-header van-hairline--bottom">
     <div class="van-sku-header__img-wrap">
-      <img class="van-sku__goods-img" :src="goodsImg" >
+      <img :src="goodsImg" >
     </div>
     <div class="van-sku-header__goods-info">
       <div class="van-sku__goods-name van-ellipsis">{{ goods.title }}</div>
-      <div class="van-sku__goods-price"><span class="van-sku__price-symbol">￥</span><span class="van-sku__price-num">{{ price }}</span></div>
-      <span class="van-sku__close-icon" @click="skuEventBus.$emit('sku:close')" />
+      <div class="van-sku__goods-price">
+        <span class="van-sku__price-symbol">￥</span><span class="van-sku__price-num">{{ price }}</span>
+      </div>
+      <icon name="close" class="van-sku__close-icon" @click="skuEventBus.$emit('sku:close')" />
     </div>
   </div>
 </template>
@@ -18,11 +20,11 @@ export default create({
   name: 'sku-header',
 
   props: {
-    skuEventBus: Object,
     sku: Object,
+    goods: Object,
+    skuEventBus: Object,
     selectedSku: Object,
-    selectedSkuComb: Object,
-    goods: Object
+    selectedSkuComb: Object
   },
 
   computed: {
@@ -32,6 +34,7 @@ export default create({
       // 优先使用选中sku的图片
       return skuImg || this.goods.picture;
     },
+
     price() {
       if (this.selectedSkuComb) {
         return (this.selectedSkuComb.price / 100).toFixed(2);