|
@@ -4,10 +4,7 @@
|
|
|
<van-swipe-item v-for="item in carousel" :key="item.mealId">有{{ item.count }}个用户 {{ ['', '抽奖', '购买'][item.type]
|
|
|
}}{{ item.title }}</van-swipe-item>
|
|
|
</van-swipe>
|
|
|
- <img class="w51h26" src="~/assets/image/activity/lottery/rule.png" alt="" @click="
|
|
|
- showRule = true;
|
|
|
- makePoint('activity_购买协议');
|
|
|
- " />
|
|
|
+ <img class="w51h26" src="~/assets/image/activity/lottery/rule.png" alt="" @click="showRule = true;makePoint('activity_购买协议');" />
|
|
|
|
|
|
<div class="sl">
|
|
|
<img src="~/assets/image/activity/lottery/solgan.png" alt="" class="slogan" />
|
|
@@ -37,19 +34,14 @@
|
|
|
<div class="popup-view">
|
|
|
<van-icon name="close" class="close" color="#939393" @click="closed" />
|
|
|
<div class="meal-item">
|
|
|
- <div :class="selMealId === mealId ? 'coupon-1 active' : 'coupon-1'" @click="selMealId = mealId">
|
|
|
+ <div :class="selMealId === mealId ? 'coupon-1 active' : 'coupon-1'" @click="selMealId = mealId;originalPrice=yearOriginalPrice">
|
|
|
<div class="coupon-title">
|
|
|
<span>¥</span><span class="txt2">{{ actualPrice }}</span>
|
|
|
</div>
|
|
|
<div class="txt4"> 1年使用权 每月30小时</div>
|
|
|
</div>
|
|
|
<div class="fb">
|
|
|
- <div v-for="item in mealList" :key="item.id" :class="selMealId === item.id ? 'coupon-2 active' : 'coupon-2'" @click="
|
|
|
- selMealId = item.id;
|
|
|
- makePoint(
|
|
|
- item.day === 30 ? 'activity_38月卡' : 'activity_268年卡',
|
|
|
- );
|
|
|
- ">
|
|
|
+ <div v-for="item in mealList" :key="item.id" :class="selMealId === item.id ? 'coupon-2 active' : 'coupon-2'" @click=" selMealId = item.id;originalPrice=+item.originalPrice;makePoint(item.day === 30 ? 'activity_38月卡' : 'activity_268年卡');">
|
|
|
<div class="coupon-title">
|
|
|
<span>¥</span><span class="txt2">{{
|
|
|
item.originalPrice ? item.originalPrice : item.actualPrice
|
|
@@ -66,10 +58,7 @@
|
|
|
<van-grid-item :icon="require('../../../assets/image/activity/lottery/icon4.png')" text="上班自由" />
|
|
|
<van-grid-item :icon="require('../../../assets/image/activity/lottery/icon5.png')" text="影音听歌" />
|
|
|
</van-grid>
|
|
|
- <div v-for="item in paySupportType" :key="item" class="fnbc" @click="
|
|
|
- payType = item;
|
|
|
- makePoint(item === 'aliPay' ? 'activity_支付宝' : 'activity_微信');
|
|
|
- ">
|
|
|
+ <div v-for="item in paySupportType" :key="item" class="fnbc" @click="payType = item;makePoint(item === 'aliPay' ? 'activity_支付宝' : 'activity_微信');">
|
|
|
<div v-if="item === 'aliPay'" class="fnc">
|
|
|
<van-icon class="icon-pay" :name="require('~/assets/image/activity/lottery/alipay.png')" />
|
|
|
<span class="txt5">支付宝支付</span>
|
|
@@ -78,26 +67,19 @@
|
|
|
<van-icon class="icon-pay" :name="require('~/assets/image/activity/lottery/wx.png')" />
|
|
|
<span class="txt5">微信支付</span>
|
|
|
</div>
|
|
|
- <van-icon :name="
|
|
|
- payType === item
|
|
|
- ? require('~/assets/image/activity/lottery/select-round-icon.png')
|
|
|
- : require('~/assets/image/activity/lottery/unselect-round-icon.png')
|
|
|
- " size="24" />
|
|
|
+ <van-icon :name="payType === item? require('~/assets/image/activity/lottery/select-round-icon.png'): require('~/assets/image/activity/lottery/unselect-round-icon.png')" size="24" />
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="buy-bar">
|
|
|
- 原价¥298
|
|
|
+ 原价¥{{originalPrice}}
|
|
|
<div class="buy-bar-btn" @click="createOrder">
|
|
|
<div>立即购买</div>
|
|
|
- <div>(节省¥{{298-actualPrice}})</div>
|
|
|
+ <div>(节省¥{{originalPrice-actualPrice}})</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="txt6">
|
|
|
- <van-icon :name="checked?'checked':'circle'" color="#666666" @click="checked=!checked" class="check" />开通前阅读并同意<a @click="
|
|
|
- showRule = true;
|
|
|
- makePoint('activity_购买协议');
|
|
|
- ">《购买协议》</a>
|
|
|
- </div>
|
|
|
+ <van-icon :name="checked?'checked':'circle'" color="#666666" class="check" @click="checked=!checked" />开通前阅读并同意<a @click="showRule = true;makePoint('activity_购买协议');">《购买协议》</a>
|
|
|
+ </div>
|
|
|
</van-popup>
|
|
|
<van-popup v-model="show" style="background: transparent;" :close-on-click-overlay="false">
|
|
|
<div class="popup-view popup-view-leave">
|
|
@@ -105,8 +87,8 @@
|
|
|
<div class="txt11">
|
|
|
离开后您将失去
|
|
|
</div>
|
|
|
- <img v-if="luckDrawType===1" class="w283h81" src="~/assets/image/activity/lottery/coupon-9.9.png" alt="">
|
|
|
- <img v-if="luckDrawType===2" class="w283h81" src="~/assets/image/activity/lottery/coupon-15.9.png" alt="">
|
|
|
+ <img v-if="luckDrawType===2" class="w283h81" src="~/assets/image/activity/lottery/coupon-9.9.png" alt="">
|
|
|
+ <img v-if="luckDrawType===1" class="w283h81" src="~/assets/image/activity/lottery/coupon-15.9.png" alt="">
|
|
|
<van-grid :column-num="5" :border="false">
|
|
|
<van-grid-item :icon="require('../../../assets/image/activity/lottery/icon1.png')" text="包月" />
|
|
|
<van-grid-item :icon="require('../../../assets/image/activity/lottery/icon2.png')" text="游戏托管" />
|
|
@@ -115,10 +97,7 @@
|
|
|
<van-grid-item :icon="require('../../../assets/image/activity/lottery/icon7.png')" text="影音听歌" />
|
|
|
</van-grid>
|
|
|
<div class="fnbc1">
|
|
|
- <div class="btn-leave" @click="
|
|
|
- show = false;
|
|
|
- makePoint('activity_狠心离开');
|
|
|
- ">
|
|
|
+ <div class="btn-leave" @click="show = false;makePoint('activity_狠心离开');">
|
|
|
狠心离开
|
|
|
</div>
|
|
|
<div class="btn-pay" @click="createOrder">立即购买</div>
|
|
@@ -214,6 +193,8 @@ export default {
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
|
|
+ yearOriginalPrice: 0,
|
|
|
+ originalPrice: 0,
|
|
|
checked: true,
|
|
|
luckDrawType: 0,
|
|
|
showRule: false,
|
|
@@ -321,6 +302,8 @@ export default {
|
|
|
(item) =>
|
|
|
(item.day === 30 || item.day === 365) && item.id !== this.mealId,
|
|
|
);
|
|
|
+ this.yearOriginalPrice = +res.data.list.filter((item) =>(item.day === 365))[0].originalPrice
|
|
|
+ this.originalPrice = this.yearOriginalPrice
|
|
|
},
|
|
|
async createOrder() {
|
|
|
try {
|