样式优化

zhiyangdu
1 parent 64ce9a1a
Showing 3 changed files with 22 additions and 4 deletions
src/components/goodsItem_7/goodsItem_7.vue
src/pages/goodDetails/goodDetails.less
src/pages/goodDetails/goodDetails.vue
@@ -24,11 +24,11 @@
 				</div> -->
          <!-- 积分加现金 -->
         <div v-if="goodType == 1" class="price-title-box">
-        {{parseInt(item.num)>9999?this.formatDecimal((item.num / 10000), 0) +"万":item.num}}<span>积分 <span v-show="parseInt(item.price)>0">+ {{item.price}}元</span></span> 
+        {{parseInt(item.num)>9999?this.formatDecimal((parseInt(item.num) / 10000), 0) +"万":item.num}}<span>积分 <span v-show="parseInt(item.price)>0">+ {{item.price}}元</span></span> 
         </div>
         <!-- 积分 -->
         <div v-else-if="company == 1 || company == 2" class="grade-box" >
-            <span class="num" :class="{'grey-box':company == 2}">        {{parseInt(item.num)>9999?this.formatDecimal((item.num / 10000), 0) +"万":item.num}}</span>
+            <span class="num" :class="{'grey-box':company == 2}">        {{parseInt(item.num)>9999?this.formatDecimal((parseInt(item.num) / 10000), 0) +"万":item.num}}</span>
             <span v-if="company==1">积分</span><span v-else>健康值</span>   
 				</div>                
           <!-- 价格 -->
@@ -138,6 +138,16 @@
             color: #666666;
             line-height: 37px;
           }
+          .desc_title{
+            height: 37px;
+            font-size: 26px;
+            font-weight: 400;
+            color: #666666;
+            line-height: 37px;
+          }
+          .mar_top10{
+            margin-top:10px;
+          }
         }
       }
       /**相似商品*/
@@ -49,7 +49,7 @@
               </div>
               <div>
                 <!-- <span v-if="goodsInfo && goodsInfo.price" class="price">¥{{goodsInfo.price}}</span> -->
-                <span v-if="goodsInfo && goodsInfo.num" class="integral">{{goodsInfo.num}}积分<span v-show="parseInt(goodsInfo.price)>0"> +{{goodsInfo.price}}元</span></span>
+                <span v-if="goodsInfo && goodsInfo.num" class="integral">{{parseInt(goodsInfo.num)>9999?this.formatDecimal((parseInt(goodsInfo.num) / 10000), 0) +"万":goodsInfo.num}}积分<span v-show="parseInt(goodsInfo.price)>0"> +{{goodsInfo.price}}元</span></span>
                 <!-- <span class="integral-in">积分</span> -->
               </div>
             </div>
@@ -83,7 +83,7 @@
                       独家正品保障。
                     </div>
                 </div>
-                <div v-if="goodsInfo && goodsInfo.shop_type && goodsInfo.shop_type == 3" class="text-left">
+                <div v-else-if="goodsInfo && goodsInfo.shop_type && goodsInfo.shop_type == 3" class="text-left">
                   1､ 您兑换的音频内容，音频上线期间可长期收听；<br>
                   2､ 兑换后暂不支持退款，感谢您的支持；<br>
                   3､ 兑换完成后若显示异常，请10分钟之后尝试；<br>
@@ -94,6 +94,14 @@
                     《网家家APP购买音频内容服务协议》
                   </span>
                 </div>
+                <div v-else-if="goodsInfo && goodsInfo.shop_type && goodsInfo.shop_type == 2" class="text-left">
+                  <div class="desc_title">兑换流程</div>
+                  1､ 兑换后需在商品有效期内使用；<br> 2､ 请到【购物车】勾选商品下单。
+                  <div class="desc_title mar_top10">注意事项</div>
+                  1､ 使用说明：每个手机号码只能领取一次；兑换码不退不换，不可兑换；<br>
+                  2､ 客服说明：如有疑问，请联系客服；<br>
+                  3､ 兑换有效期：兑换有效期截止2021年12月30日，必须在有效期内领取。顾客在购物车删除商品、取消订单或逾期未支付，均默认为放弃兑换资格。
+                </div>
               </div>
               <div class="good-title">
                 <span class="left"></span>相似商品<span class="right"></span>