w-front-end / select_good · Commits

Commit b6d17de548a36bc5646e99d8592a94ece69fbc10

Authored by zhiyangdu
1 parent d1786ec4

商品详情页样式优化

Inline Side-by-side
Showing 1 changed file with 28 additions and 19 deletions
src/pages/goodDetails/goodDetails.vue
  View file @b6d17de
@@ -55,7 +55,7 @@ @@ -55,7 +55,7 @@
55 </div> 55 </div>
56 <!-- 商品信息 --> 56 <!-- 商品信息 -->
57 <div class="goods-info"> 57 <div class="goods-info">
58 - <div class="good-title"> 58 + <div v-show="goodsInfo.content" class="good-title">
59 <span class="left"></span>商品详情<span class="right"></span> 59 <span class="left"></span>商品详情<span class="right"></span>
60 </div> 60 </div>
61 <!-- 虚拟商品展示 --> 61 <!-- 虚拟商品展示 -->
@@ -69,10 +69,11 @@ @@ -69,10 +69,11 @@
69 <span class="left"></span>兑换规则<span class="right"></span> 69 <span class="left"></span>兑换规则<span class="right"></span>
70 </div> 70 </div>
71 <div class="good-desc"> 71 <div class="good-desc">
72 - <div v-if="goodsInfo && goodsInfo.shop_type && (goodsInfo.shop_type == 1 || goodsInfo.shop_type == 3)"> 72 + <!-- 实物 -->
  73 + <div v-if="goodsInfo && goodsInfo.shop_type && goodsInfo.shop_type == 1">
73 <div class="text-left"> 74 <div class="text-left">
74 - <span class="blue" v-show="goodsInfo && goodsInfo.shop_type == 1">本商品已为您选择积分+现金的最优兑换方案</span><br>  
75 - 仅限此商品使用，兑换后7天内有效； 75 + <span class="blue">本商品为积分+现金的方式进行兑换。</span><br>
  76 + 用户兑换后可在我的-我的订单中查看详情及物流。
76 </div> 77 </div>
77 <div class="text-left"> 78 <div class="text-left">
78 <span>· 正版授权</span> 79 <span>· 正版授权</span>
@@ -82,30 +83,38 @@ @@ -82,30 +83,38 @@
82 <span>· 正品保障</span> 83 <span>· 正品保障</span>
83 独家正品保障。 84 独家正品保障。
84 </div> 85 </div>
  86 + <div class="text-left">
  87 + 客服说明：如有疑问请联系平台客服，电话：010-65832485<br>
  88 + </div>
85 </div> 89 </div>
86 - <div v-else-if="goodsInfo && goodsInfo.shop_type && goodsInfo.shop_type == 3" class="text-left">  
87 - 1､ 您兑换的音频内容，音频上线期间可长期收听；<br>  
88 - 2､ 兑换后暂不支持退款，感谢您的支持；<br>  
89 - 3､ 兑换完成后若显示异常，请10分钟之后尝试；<br>  
90 - 4､您兑换的音频内容为网家家版权内容，请勿恶意转载；<br>  
91 - 5､客服电话：010-65832485;<br>  
92 - 6､ 具体注意事项详情可见  
93 - <span @click="toLink" class="to-link">  
94 - 《网家家APP购买音频内容服务协议》  
95 - </span>  
96 - </div> 90 + <!-- 优惠券 -->
97 <div v-else-if="goodsInfo && goodsInfo.shop_type && goodsInfo.shop_type == 2"> 91 <div v-else-if="goodsInfo && goodsInfo.shop_type && goodsInfo.shop_type == 2">
98 <div class="desc_title">兑换流程</div> 92 <div class="desc_title">兑换流程</div>
99 <div class="text-left"> 93 <div class="text-left">
100 - 1､ 兑换后需在商品有效期内使用；<br> 2､ 请到【购物车】勾选商品下单。 94 + 1､ 本券以积分进行兑换，兑换后将直接进入到用户的虚拟账户中。<br> 2､ 用户兑换后可在我的-我的卡券中进行查看。
101 </div> 95 </div>
102 <div class="desc_title mar_top10">注意事项</div> 96 <div class="desc_title mar_top10">注意事项</div>
103 <div class="text-left"> 97 <div class="text-left">
104 - 1､ 使用说明：每个手机号码只能领取一次；兑换码不退不换，不可兑换；<br>  
105 - 2､ 客服说明：如有疑问，请联系客服；<br>  
106 - 3､ 兑换有效期：兑换有效期截止2021年12月30日，必须在有效期内领取。顾客在购物车删除商品、取消订单或逾期未支付，均默认为放弃兑换资格。 98 + 1､ 使用说明：每个手机号码只能领取一次；优惠券兑换后不退，过期不补,请兑换后尽快使用。<br>
  99 + 2､ 客服说明：如有疑问请联系平台客服，电话：010-65832485<br>
  100 + 3､ 优惠券有效期：自兑换之日起一个月。<br>
  101 + 4､ 适用商品：除特殊商品外，全平台商品可用。
107 </div> 102 </div>
108 </div> 103 </div>
  104 + <!-- 虚拟商品 -->
  105 + <div v-else-if="goodsInfo && goodsInfo.shop_type && goodsInfo.shop_type == 3" class="text-left">
  106 + 1､ 本商品以积分进行兑换。兑换后将直接进入到用户的虚拟账户中。
  107 + 2､ 用户兑换后可在我的-我的付费内容中进行查看。
  108 + <!-- 3､ 您兑换的音频内容，音频上线期间可长期收听；<br> -->
  109 + 3､ 兑换后暂不支持退款，感谢您的支持；<br>
  110 + 4､ 兑换完成后若显示异常，请10分钟之后尝试；<br>
  111 + 5､您兑换的音频内容为网家家版权内容，请勿恶意转载；<br>
  112 + 6､ 客服说明：如有疑问请联系平台客服，电话：010-65832485<br>
  113 + 7､ 具体注意事项详情可见
  114 + <span @click="toLink" class="to-link">
  115 + 《网家家APP购买音频内容服务协议》
  116 + </span>
  117 + </div>
109 </div> 118 </div>
110 <div class="good-title"> 119 <div class="good-title">
111 <span class="left"></span>相似商品<span class="right"></span> 120 <span class="left"></span>相似商品<span class="right"></span>