商品详情页样式优化

zhiyangdu
1 parent 2b63a8c7
Showing 1 changed file with 10 additions and 3 deletions
src/pages/goodDetails/goodDetails.vue
@@ -44,7 +44,7 @@
             </div> 
             <!-- 积分 -->
             <div class="title-t">
-              <div v-show="parseInt(goodsInfo.price)>0" class="goods_tip">
+              <div v-show="goodsInfo && parseInt(goodsInfo.price)>0" class="goods_tip">
                 积分+现金
               </div>
               <div>
@@ -137,7 +137,7 @@
               <!-- 商品信息 -->
               <div class="goods_box">
                 <div class="item_pic_box">
-                  <img class="item_pic" :src="goodsInfo.simg" alt="" />
+                  <img class="item_pic" :src="goodsInfo && goodsInfo.simg" alt="" />
                 </div>
                 <div class="right">
                   <!-- 标题 -->
@@ -156,7 +156,7 @@
               <div class="num_box">
                 <div class="num_tip">购买数量</div>
                 <div class="right">
-                  <van-stepper theme="round" input-width="40px" input-size="32px" button-size="32px" v-model="stepperValue" min="1" :max="(goodsInfo && goodsInfo.stock > -1) ?goodsInfo.stock :'999'" integer />
+                  <van-stepper theme="round" input-width="40px" input-size="32px" button-size="32px" v-model="stepperValue" min="1" :max="(goodsInfo && goodsInfo.stock > -1) ?goodsInfo.stock :'999'" integer  async-change @change="onChange"/>
                   <!-- <img src="static/img/reduce.png" alt="" />
                   <div class="num">1</div>
                   <img src="static/img/plus.png" alt="" /> -->
@@ -552,6 +552,13 @@ export default {
         }
       }
     },
+    // 判断值是否大于库存
+     onChange(value) {
+       if(this.goodsInfo.stock > -1 && value >  this.goodsInfo.stock){
+         Toast("库存不足")
+       }
+      
+    },
   },
   //请求数据
   created () {