chore[litemall-vue]: 样式微调

litemall-vue/src/views/items/detail/index.vue

@@ -83,13 +83,13 @@ export default {
       goods: {
         userHasCollect: 0,
         info: {
-          gallery:[]
+          gallery: []
         }
       },
       sku: {
         tree: [],
         list: [],
-        price: '1.00', // 默认价格（单位元）
+        price: '1.00' // 默认价格（单位元）
       },
       skuGoods: {
         // 商品标题
@@ -109,8 +109,7 @@ export default {
     };
   },
 
-
-computed: {
+  computed: {
     props_str() {
       let props_arr = [];
       _.each(this.goods.attribute, json => {
@@ -129,17 +128,14 @@ computed: {
       this.showSku = true;
     },
     initData() {
-      goodsDetail({id: this.itemId}).then(
-        res => {
+      goodsDetail({ id: this.itemId }).then(res => {
         this.goods = res.data.data;
         this.skuAdapter();
-        }
-      );
+      });
 
       cartGoodsCount().then(res => {
         this.cartInfo = res.data.data;
       });
-
     },
     toCart() {
       this.$router.push({
@@ -147,18 +143,16 @@ computed: {
       });
     },
     addCollect() {
-      collectAddOrDelete({valueId: this.itemId, type: 0}).then(res => {
-        if(this.goods.userHasCollect === 1){
-          this.goods.userHasCollect = 0
-        }
-        else{
-          this.goods.userHasCollect = 1
+      collectAddOrDelete({ valueId: this.itemId, type: 0 }).then(res => {
+        if (this.goods.userHasCollect === 1) {
+          this.goods.userHasCollect = 0;
+        } else {
+          this.goods.userHasCollect = 1;
           this.$toast({
             message: '收藏成功',
             duration: 1500
           });
         }
-
       });
     },
     getProductId(s1, s2) {
@@ -169,8 +163,7 @@ computed: {
         _.each(specification.valueList, specValue => {
           if (specValue.id === s1) {
             s1_name = specValue.value;
-          }
-          else if (specValue.id === s2) {
+          } else if (specValue.id === s2) {
             s2_name = specValue.value;
           }
         });
@@ -216,16 +209,14 @@ computed: {
           message: '目前仅支持两规格',
           duration: 1500
         });
-        return
-      }
-      else if (_.has(data.selectedSkuComb, 's2')) {
+        return;
+      } else if (_.has(data.selectedSkuComb, 's2')) {
         params.productId = this.getProductId(
           data.selectedSkuComb.s1,
           data.selectedSkuComb.s2
         );
-      }
-      else {
-        params.productId = this.getProductIdByOne(data.selectedSkuComb.s1)
+      } else {
+        params.productId = this.getProductIdByOne(data.selectedSkuComb.s1);
       }
       cartAdd(params).then(() => {
         this.cartInfo = this.cartInfo + data.selectedNum;
@@ -248,22 +239,20 @@ computed: {
           message: '目前仅支持两规格',
           duration: 1500
         });
-        return
-      }
-      else if (_.has(data.selectedSkuComb, 's2')) {
+        return;
+      } else if (_.has(data.selectedSkuComb, 's2')) {
         params.productId = this.getProductId(
           data.selectedSkuComb.s1,
           data.selectedSkuComb.s2
         );
-      }
-      else {
-        params.productId = this.getProductIdByOne(data.selectedSkuComb.s1)
+      } else {
+        params.productId = this.getProductIdByOne(data.selectedSkuComb.s1);
       }
       cartFastAdd(params).then(res => {
         let cartId = res.data.data;
-      setLocalStorage({CartId: cartId})
+        setLocalStorage({ CartId: cartId });
         that.showSku = false;
-        this.$router.push({ name: 'placeOrderEntity'});
+        this.$router.push({ name: 'placeOrderEntity' });
       });
     },
     skuAdapter() {
@@ -284,16 +273,16 @@ computed: {
       this.skuGoods = {
         title: this.goods.info.name,
         picture: this.goods.info.picUrl
-      }
+      };
     },
     setSkuList() {
       var sku_list = [];
       _.each(this.goods.productList, v => {
         var sku_list_obj = {};
         _.each(v.specifications, (specificationName, index) => {
-              sku_list_obj[
-                's' + (~~index + 1)
-              ] = this.findSpecValueIdByName(specificationName);
+          sku_list_obj['s' + (~~index + 1)] = this.findSpecValueIdByName(
+            specificationName
+          );
         });
 
         sku_list_obj.price = v.price * 100;
@@ -312,7 +301,7 @@ computed: {
             return;
           }
         });
-        if(id !== 0){
+        if (id !== 0) {
           return;
         }
       });
@@ -329,7 +318,7 @@ computed: {
             id: vv.id,
             name: vv.value,
             imUrl: vv.picUrl
-          })
+          });
         });
 
         specifications.push({
@@ -353,7 +342,7 @@ computed: {
     [GoodsActionIcon.name]: GoodsActionIcon,
     [popupProps.name]: popupProps
   }
-}
+};
 </script>
 
 <style lang="scss" scoped>
@@ -402,8 +391,10 @@ computed: {
 
 .item_desc {
   background-color: #fff;
-  p {
+  /deep/ p {
     padding: 0 10px;
+    margin-block-start: 0 !important;
+    margin-block-end: 0 !important;
   }
   /deep/ img {
     max-width: 100%;