修改vip规则
This commit is contained in:
@@ -1,163 +1,232 @@
|
||||
<template>
|
||||
<view class="super_wrap">
|
||||
<z-nav-bar title="超V介绍"></z-nav-bar>
|
||||
<view class="super_content">
|
||||
<text class="super_title super_title_2">医学超级VIP</text>
|
||||
<view class="super_con">
|
||||
<text class="weight">课程价格:</text>一年<text class="bigred line">64215</text>元</br>
|
||||
<text class="weight">超级VIP价格:</text>三年/四年<text class="bigred">7980/9980</text>元</br>
|
||||
<text class="weight">延期价格:</text>一年/三年/四年<text class="bigred">2980/6980/7980</text>元</br>
|
||||
<text class="weight">超级VIP权限:</text></br>
|
||||
无限制观看吴门医述APP中医学、针灸学、肿瘤学三个板块任意课程;</br>
|
||||
医学培训班报名享受<text class="bigred">8折</text>优惠;</br>
|
||||
疯子读书APP购书享受<text class="bigred">8折</text>优惠。
|
||||
<view class="vip_block">
|
||||
<view class="vip_item"
|
||||
:class="[item.type==1||item.type==2?'vip_item_special':'',
|
||||
item.state==1?'vip_item_overdue':'',
|
||||
item.type==1&&item.state==0||item.type==2&&item.state==0?'vip_item_bg_1':'',
|
||||
item.type!=1&&item.type!=2&&item.state==0?'vip_item_bg_2':'']"
|
||||
v-for="(item, index) in list" :key="index">
|
||||
<view>
|
||||
<text class="vip_item_title">{{item.title}}</text>
|
||||
</view>
|
||||
|
||||
<view class="vip_price" style=" padding-top: 10rpx;">
|
||||
<text class="font_bold">课程价格:</text>
|
||||
<view class="vip_qx_v">一年<text class="vip_fee line">{{item.originalPrice||0}}</text>元</view>
|
||||
</view>
|
||||
|
||||
<view class="vip_price" v-if="item.vcbList&&item.vcbList.length>0">
|
||||
<text class="font_bold" v-if="item.type==1||item.type==2">超级VIP价格:</text>
|
||||
<text class="font_bold" v-else-if="item.vcbList&&item.vcbList.length>0">VIP价格:</text>
|
||||
<view class="vip_price_v" v-if="item.vcbList&&item.vcbList.length>0">
|
||||
{{ item.vcbList.map(p => numberToChinese(p.year) + '年').join('/') }}
|
||||
<text class="vip_price_red">{{ item.vcbList.map(p => p.rebateFee).join('/') }}</text>元
|
||||
</view>
|
||||
</view>
|
||||
<view class="vip_price" v-if="item.yanqiList&&item.yanqiList.length>0">
|
||||
<text class="font_bold">延期价格:</text>
|
||||
<view class="vip_price_v">
|
||||
{{ item.yanqiList.map(p => numberToChinese(p.year) + '年').join('/') }}
|
||||
<text class="vip_price_red">{{ item.yanqiList.map(p => p.rebateFee).join('/') }}</text>元
|
||||
</view>
|
||||
</view>
|
||||
<view class="vip_qx">
|
||||
<text class="font_bold" style=" display: block;" v-if="item.type==1||item.type==2">超级VIP权限:</text>
|
||||
<text class="font_bold" style=" display: block;" v-else>VIP权限:</text>
|
||||
<view class="vip_qx_v" v-if="item.type==1">无限制观看吴门医述APP中医学、中西汇通学、针灸学、肿瘤学四个板块任意课程;</view>
|
||||
<view class="vip_qx_v" v-else-if="item.type==2">无限制观看众妙之门APP与吴门医述APP心理学板块任意课程;</view>
|
||||
<view class="vip_qx_v" v-else-if="item.type==7">无限制观看众妙之门APP任意课程;</view>
|
||||
<view class="vip_qx_v" v-else>无限制观看吴门医述APP{{item.title.replace(/VIP/g, '')}}板块任意课程;</view>
|
||||
|
||||
<view class="vip_qx_v">
|
||||
<text v-if="item.type==1||item.type==2">{{item.title.replace(/超级VIP/g, '')}}</text>
|
||||
<text v-else>{{item.title.replace(/VIP/g, '')}}</text>
|
||||
培训班报名享受<text class="vip_fee" v-if="item.type==1||item.type==2">8折</text><text class="vip_fee" v-else>9折</text>优惠;
|
||||
</view>
|
||||
<view class="vip_qx_v">疯子读书APP购书享受<text class="vip_fee" v-if="item.type==1||item.type==2">8折</text><text class="vip_fee" v-else>9折</text>优惠。</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<text class="super_title">中医学VIP</text>
|
||||
<view class="super_con">
|
||||
<text class="weight">课程价格:</text>一年<text class="bigred line">39508</text>元</br>
|
||||
<text class="weight">VIP价格:</text>三年/四年<text class="bigred">2980/3980</text>元</br>
|
||||
<text class="weight">延期价格:</text>一年/三年/四年<text class="bigred">1000/2500/3000</text>元</br>
|
||||
<text class="weight">VIP权限:</text></br>
|
||||
无限制观看吴门医述APP中医学板块任意课程;</br>
|
||||
中医学培训班报名享受<text class="bigred">9折</text>优惠;</br>
|
||||
疯子读书APP购书享受<text class="bigred">9折</text>优惠。
|
||||
</view>
|
||||
|
||||
<text class="super_title">针灸学VIP</text>
|
||||
<view class="super_con">
|
||||
<text class="weight">课程价格:</text>一年<text class="bigred line">12128</text>元</br>
|
||||
<text class="weight">VIP价格:</text>三年/四年<text class="bigred">4980/5980</text>元</br>
|
||||
<text class="weight">延期价格:</text>一年/三年/四年<text class="bigred">1980/3000/4000</text>元</br>
|
||||
<text class="weight">VIP权限:</text></br>
|
||||
无限制观看吴门医述APP针灸学板块任意课程;</br>
|
||||
针灸学培训班报名享受<text class="bigred">9折</text>优惠;</br>
|
||||
疯子读书APP购书享受<text class="bigred">9折</text>优惠。
|
||||
</view>
|
||||
|
||||
<text class="super_title">肿瘤学VIP</text>
|
||||
<view class="super_con">
|
||||
<text class="weight">课程价格:</text>一年<text class="bigred line">12579</text>元</br>
|
||||
<text class="weight">VIP价格:</text>三年/四年<text class="bigred">2480/2980</text>元</br>
|
||||
<text class="weight">延期价格:</text>一年/三年/四年<text class="bigred">800/1980/2400</text>元</br>
|
||||
<text class="weight">VIP权限:</text></br>
|
||||
无限制观看吴门医述APP肿瘤学板块任意课程;</br>
|
||||
肿瘤学培训班报名享受<text class="bigred">9折</text>优惠;</br>
|
||||
疯子读书APP购书享受<text class="bigred">9折</text>优惠。
|
||||
</view>
|
||||
|
||||
<text class="super_title super_title_2">国学与心理学超级VIP</text>
|
||||
<view class="super_con">
|
||||
<text class="weight">课程价格:</text>一年<text class="bigred line">26504</text>元</br>
|
||||
<text class="weight">超级VIP价格:</text>三年/四年<text class="bigred">4980/5980</text>元</br>
|
||||
<text class="weight">延期价格:</text>一年/三年/四年<text class="bigred">1980/3980/4980</text>元</br>
|
||||
<text class="weight">超级VIP权限:</text></br>
|
||||
无限制观看众妙之门APP与吴门医述APP心理学板块任意课程;</br>
|
||||
国学与心理学培训班报名享受<text class="bigred">8折</text>优惠;</br>
|
||||
疯子读书APP购书享受<text class="bigred">8折</text>优惠。
|
||||
</view>
|
||||
|
||||
<text class="super_title">心理学VIP</text>
|
||||
<view class="super_con">
|
||||
<text class="weight">课程价格:</text>一年<text class="bigred line">7188</text>元</br>
|
||||
<text class="weight">VIP价格:</text>三年/四年<text class="bigred">3980/4980</text>元</br>
|
||||
<text class="weight">延期价格:</text>一年/三年/四年<text class="bigred">1600/2980/3980</text>元</br>
|
||||
<text class="weight">VIP权限:</text></br>
|
||||
无限制观看吴门医述APP心理学板块任意课程;</br>
|
||||
心理学培训班报名享受<text class="bigred">9折</text>优惠;</br>
|
||||
疯子读书APP购书享受<text class="bigred">9折</text>优惠。
|
||||
</view>
|
||||
|
||||
<text class="super_title">众妙之门(国学)VIP</text>
|
||||
<view class="super_con">
|
||||
<text class="weight">课程价格:</text>一年<text class="bigred line">19316</text>元</br>
|
||||
<text class="weight">VIP价格:</text>三年/四年<text class="bigred">2480/2980</text>元</br>
|
||||
<text class="weight">延期价格:</text>一年/三年/四年<text class="bigred">800/1980/2400</text>元</br>
|
||||
<text class="weight">VIP权限:</text></br>
|
||||
无限制观看众妙之门APP任意课程;</br>
|
||||
国学培训班报名享受<text class="bigred">9折</text>优惠;</br>
|
||||
疯子读书APP购书享受<text class="bigred">9折</text>优惠。
|
||||
</view>
|
||||
|
||||
<text class="super_con2" style="margin-top: 60rpx;">说明:
|
||||
1 购买1天医币=1元人民币
|
||||
2 因微信支付有金额上限,可通过以下途径支付:
|
||||
(1)国内银行转账
|
||||
户名:天津众妙之门科技有限公司
|
||||
账号:122913225110501
|
||||
开户行:招商银行股份有限公司天津新技术产业园区支行
|
||||
(2)海外用户信用卡支付。简单快捷,推荐使用!
|
||||
支付时使用的信用卡需要带有Visa或MasterCard的标识。加一路健康客服微信(yilujiankangkefu)联系我们,我们将在24小时内向您发送支付链接,根据提示即可完成信用卡支付,无需兑换外币。
|
||||
(3)海外银行账户:
|
||||
银行名称:ASB Bank Limited,
|
||||
银行地址:505 Pakuranga RD, Highland Park, Auckland 1140, New Zealand
|
||||
账号名称 :Amazing Limited
|
||||
银行间代码(SWIFT):ASBBNZ2A
|
||||
银行账号:12-3233-0749438-00
|
||||
收款人地址:3 the mews,shamrock park,auckland 2016, New zealand.
|
||||
注:以上支付方式请务必备注本软件注册的用户名及手机号以便核对信息。
|
||||
3 若有疑问或意见联系客服,微信号yilujiankangkefu 电话 022-24142321,13110039505。(本天医币一经购买,暂不支持退款)</text>
|
||||
</view>
|
||||
|
||||
<text class="super_con">说明:
|
||||
1.购买1天医币=1元人民币
|
||||
2.因微信支付有金额上限,可通过以下途径支付:
|
||||
(1)国内银行转账
|
||||
户名:天津众妙之门科技有限公司
|
||||
账号:122913225110501
|
||||
开户行:招商银行股份有限公司天津新技术产业园区支行
|
||||
(2)海外用户信用卡支付。简单快捷,推荐使用!
|
||||
支付时使用的信用卡需要带有Visa或MasterCard的标识。加一路健康客服微信(yilujiankangkefu)联系我们,我们将在24小时内向您发送支付链接,根据提示即可完成信用卡支付,无需兑换外币。
|
||||
(3)海外银行账户:
|
||||
银行名称:ASB Bank Limited,
|
||||
银行地址:505 Pakuranga RD, Highland Park, Auckland 1140, New Zealand
|
||||
账号名称 :Amazing Limited
|
||||
银行间代码(SWIFT):ASBBNZ2A
|
||||
银行账号:12-3233-0749438-00
|
||||
收款人地址:3 the mews,shamrock park,auckland 2016, New zealand.
|
||||
注:以上支付方式请务必备注本软件注册的用户名及手机号以便核对信息。
|
||||
3.若有疑问或意见联系客服,微信号yilujiankangkefu 电话 022-24142321,13110039505。(本天医币一经购买,暂不支持退款)</text>
|
||||
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import $http from "@/config/requestConfig.js";
|
||||
export default{
|
||||
data(){
|
||||
return{
|
||||
list: []
|
||||
}
|
||||
},
|
||||
onLoad(){
|
||||
this.getData();
|
||||
},
|
||||
onShow(){
|
||||
|
||||
},
|
||||
methods:{
|
||||
//获取数据
|
||||
getData(){
|
||||
uni.showLoading({
|
||||
title: '加载中'
|
||||
})
|
||||
$http.request({
|
||||
url: "common/userVip/vipBuyConfigList",
|
||||
method: "POST",
|
||||
data: {},
|
||||
header: {
|
||||
'Content-Type': 'application/json'
|
||||
},
|
||||
})
|
||||
.then(res => {
|
||||
uni.hideLoading();
|
||||
if (res.code == 0) {
|
||||
this.list = res.res;
|
||||
}
|
||||
}).catch(e => {
|
||||
|
||||
});
|
||||
},
|
||||
numberToChinese(num) {
|
||||
const chineseNumbers = ['零','一', '二', '三', '四', '五', '六', '七', '八', '九', '十'];
|
||||
if (num >= 0 && num <= 10) {
|
||||
return chineseNumbers[num];
|
||||
}
|
||||
return num;
|
||||
}
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@import '@/style/mixin.scss';
|
||||
.super_wrap{
|
||||
height: 100vh;
|
||||
background-color: #f4f7ff;
|
||||
.vip_block{
|
||||
padding: 20rpx;
|
||||
}
|
||||
.super_content{
|
||||
background-color: #f4f7ff;
|
||||
.vip_item{
|
||||
width: 100%;
|
||||
padding: 30rpx 20rpx;
|
||||
background-color: #fff;
|
||||
border-radius: 10px;
|
||||
box-shadow: 0px 0px 5px 0px #a7bbe4;
|
||||
margin-bottom: 20rpx;
|
||||
position: relative;
|
||||
}
|
||||
.super_title{
|
||||
.vip_item_title{
|
||||
display: inline-block;
|
||||
height: 46rpx;
|
||||
line-height: 46rpx;
|
||||
font-size: 24rpx;
|
||||
font-weight: bold;
|
||||
color: #fff;
|
||||
padding: 0 12rpx;
|
||||
border-radius: 15rpx;
|
||||
background-image: linear-gradient(90deg, #258feb 0%, #00e1ec 100%);
|
||||
}
|
||||
.vip_item_special .vip_item_title{
|
||||
height: 50rpx;
|
||||
line-height: 50rpx;
|
||||
display: inline-block;
|
||||
font-size: 26rpx;
|
||||
@include theme("btn_bg");
|
||||
color: #fff;
|
||||
padding: 0 15rpx;
|
||||
border-radius: 15rpx;
|
||||
margin: 15rpx 25rpx 15rpx;
|
||||
font-weight: bold;
|
||||
}
|
||||
.super_title_2{
|
||||
font-size: 32rpx;
|
||||
height: 64rpx;
|
||||
line-height: 64rpx;
|
||||
margin: 50rpx 25rpx 20rpx;
|
||||
padding: 0 20rpx;
|
||||
background-image: linear-gradient(90deg, #ff1f00 0%, #fa9f93 100%);
|
||||
}
|
||||
.super_con{
|
||||
display: block;
|
||||
.vip_price{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-top: 5rpx;
|
||||
}
|
||||
.vip_qx{
|
||||
margin-top: 5rpx;
|
||||
}
|
||||
.vip_price text,.vip_qx text,.vip_qx_v{
|
||||
display: inline-block;
|
||||
font-size: 28rpx;
|
||||
line-height: 46rpx;
|
||||
padding: 0rpx 25rpx 0;
|
||||
letter-spacing: 1px;
|
||||
line-height: 40rpx;
|
||||
}
|
||||
.super_con2{
|
||||
display: block;
|
||||
line-height: 50rpx;
|
||||
letter-spacing: 1px;
|
||||
color: #666;
|
||||
padding: 50rpx 25rpx 60rpx;
|
||||
}
|
||||
.bigred{
|
||||
font-size: 34rpx;
|
||||
color: red;
|
||||
.vip_item_used{
|
||||
position: absolute;
|
||||
right: 20rpx;
|
||||
bottom: 20rpx;
|
||||
font-size: 24rpx;
|
||||
color: #427ec5;
|
||||
font-weight: bold;
|
||||
padding: 0 3rpx;
|
||||
}
|
||||
.vip_item_btn{
|
||||
position: absolute;
|
||||
right: 20rpx;
|
||||
top: 30rpx;
|
||||
font-size: 23rpx;
|
||||
line-height: 40rpx;
|
||||
border: 1rpx solid #ff1f00;
|
||||
color: #ff1f00;
|
||||
padding: 0 12rpx;
|
||||
border-radius: 15rpx;
|
||||
opacity: 0.8;
|
||||
}
|
||||
.font_bold{
|
||||
font-weight: bold;
|
||||
}
|
||||
.vip_fee{
|
||||
font-size: 34rpx !important;
|
||||
color: #ff1f00;
|
||||
font-weight: bold;
|
||||
padding: 0 5rpx;
|
||||
}
|
||||
.vip_price_red{
|
||||
color: #ff1f00;
|
||||
padding-left: 5rpx;
|
||||
font-weight: bold;
|
||||
font-size: 34rpx !important;
|
||||
}
|
||||
.vip_price_yq{
|
||||
font-size: 26rpx !important;
|
||||
color: #427ec5;
|
||||
border: 1rpx solid #427ec5;
|
||||
border-radius: 10rpx;
|
||||
margin-right: 15rpx;
|
||||
margin-bottom: 10rpx;
|
||||
padding: 0 10rpx;
|
||||
}
|
||||
.line{
|
||||
text-decoration: line-through;
|
||||
color: #258feb;
|
||||
font-style: italic;
|
||||
}
|
||||
.weight{
|
||||
display: line-block;
|
||||
font-weight: bold;
|
||||
color: #000;
|
||||
.vip_item_flag{
|
||||
font-size: 26rpx;
|
||||
color: #666;
|
||||
padding-left: 20rpx;
|
||||
}
|
||||
.vip_item_flag text{
|
||||
vertical-align: bottom;
|
||||
}
|
||||
.super_con{
|
||||
display: block;
|
||||
padding: 40rpx 30rpx 50rpx;
|
||||
line-height: 48rpx;
|
||||
font-size: 28rpx;
|
||||
color: #666;
|
||||
letter-spacing: 1px;
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user