[fixed] share button

src/assets/css/style.css

@@ -500,10 +500,18 @@ top:50%;margin-top:-0.35rem;}
 .product-con .footer .item .iconfont.icon-gouwuche1{position:relative;}
 .product-con .footer .item .iconfont.icon-gouwuche1 .num{color:#fff;position:absolute;font-size:0.18rem;
 border-radius:2rem;top:-0.1rem;right:0;height:0.3rem;line-height:0.3rem;padding:0 0.08rem;min-width:0.3rem;}
-.product-con .bnt{width:4.44rem;height:0.76rem;color:#fff;font-size:0.28rem;}
-.product-con .bnt>div{width:2.22rem;text-align:center;line-height:0.76rem;}
+.product-con .bnt{width:4.5rem;height:0.76rem;color:#fff;font-size:0.28rem;}
+.product-con .bnt_no{width:4.5rem;height:0.76rem;color:#fff;font-size:0.28rem;}
+.product-con .bnt>div{width:1.5rem;text-align:center;line-height:0.76rem;}
+.product-con .bnt_no>div{width:2.22rem;text-align:center;line-height:0.76rem;}
 .product-con .bnt .joinCart{border-radius:0.5rem 0 0 0.5rem;background-color:#ff3366;}
-.product-con .bnt .buy{border-radius:0 0.5rem 0.5rem 0;background-color:#2c2c2c;}
+.product-con .bnt .buy{background-color:#2c2c2c;}
+.product-con .bnt .share{border-radius:0 0.5rem 0.5rem 0;background-color:#ff3366; }
+.product-con .bnt .share .top{height: 0.2rem; font-size: 0.3rem; line-height:0.5rem;}
+.product-con .bnt .share .down{height: 0.1rem; font-size: 0.1rem; line-height:0.3rem; padding-top: 0.2rem;}
+
+.product-con .bnt_no .joinCart{border-radius:0.5rem 0 0 0.5rem;background-color:#ff3366;}
+.product-con .bnt_no .buy{border-radius:0 0.5rem 0.5rem 0;background-color:#2c2c2c;}
 /*订单提交*/
 .order-submission .line{width:100%;height:0.03rem;}
 .order-submission .line img{width:100%;height:100%;display:block;}

src/views/shop/GoodsCon.vue

@@ -45,15 +45,7 @@
             /> -->
           </div>
           <div
-            v-if="isVip"
-            @click="listenerActionSheet"
-            class="font-color-green"
-          >
-            分享赚￥{{ (storeInfo.price - storeInfo.vip_price).toFixed(2)
-            }}<span class="iconfont icon-fenxiang"></span>
-          </div>
-          <div
-            v-else
+            v-if="!isVip"
             class="iconfont icon-fenxiang"
             @click="listenerActionSheet"
           ></div>
@@ -267,12 +259,16 @@
         </div>
         <div>购物车</div>
       </router-link>
-      <div class="bnt acea-row">
+      <div class="acea-row" :class="isVip ? 'bnt' : 'bnt_no'">
         <div class="joinCart" @click="joinCart">加入购物车</div>
         <div class="buy" @click="tapBuy" v-if="attr.productSelect.stock > 0">
           立即购买
         </div>
         <div class="buy bg-color-hui" v-else>已售罄</div>
+        <div class="share" v-if="isVip" @click="listenerActionSheet">
+          <div class="top">分享</div>
+          <div class="down">赚:￥{{ storeInfo.price - storeInfo.vip_price }}</div>
+        </div>
       </div>
     </div>
     <Share-red-packets
@@ -736,7 +732,7 @@ export default {
       if (this.$store.state.app.token) {
         getUserInfo().then(res => {
           userinfo = res.data;
-          this.isVip = userinfo.vip_level > 0;
+          this.isVip = userinfo.vip_level > 1;
           console.log("Current VIP:", userinfo.vip_level);
         });
         return;