@@ -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 >
< 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 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 >
< 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 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 >
< / 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_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 >
< 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 >
< / 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 : 10 0vh ;
background - color : # f4f7ff ;
. vip _block {
padding : 2 0rpx ;
}
. super _content {
background - color : # f4f7ff ;
. vip _item {
width : 100 % ;
padding : 30 rpx 20 rpx ;
background - color : # fff ;
border - radius : 10 px ;
box - shadow : 0 px 0 px 5 px 0 px # a7bbe4 ;
margin - bottom : 20 rpx ;
position : relative ;
}
. super _title {
. vip _item _title {
display : inline - block ;
height : 46 rpx ;
line - height : 46 rpx ;
font - size : 24 rpx ;
font - weight : bold ;
color : # fff ;
padding : 0 12 rpx ;
border - radius : 15 rpx ;
background - image : linear - gradient ( 90 deg , # 258 feb 0 % , # 00 e1ec 100 % ) ;
}
. vip _item _special . vip _item _title {
height : 50 rpx ;
line - height : 50 rpx ;
display : inline - block ;
font - size : 26 rpx ;
@ include theme ( "btn_bg" ) ;
color : # fff ;
padding : 0 15 rpx ;
border - radius : 15 rpx ;
margin : 15 rpx 25 rpx 15 rpx ;
font - weight : bold ;
}
. super _title _2 {
font - size : 32 rpx ;
height : 64 rpx ;
line - height : 64 rpx ;
margin : 50 rpx 25 rpx 20 rpx ;
padding : 0 20 rpx ;
background - image : linear - gradient ( 90 deg , # ff1f00 0 % , # fa9f93 100 % ) ;
}
. super _con {
display : block ;
. vip _price {
display : flex ;
align - items : center ;
margin - top : 5 rpx ;
}
. vip _qx {
margin - top : 5 rpx ;
}
. vip _price text , . vip _qx text , . vip _qx _v {
display : inline - block ;
font - size : 28 rpx ;
line - height : 46 rpx ;
padding : 0 rpx 25 rpx 0 ;
letter - spacing : 1 px ;
line - height : 40 rpx ;
}
. super _con2 {
display : block ;
line - he ight: 5 0rpx ;
letter - spacing : 1 px ;
color : # 666 ;
padding : 50 rpx 25 rpx 60 rpx ;
}
. bigred {
font - size : 34 rpx ;
color : red ;
. vip _item _used {
position : absolute ;
r ight: 2 0rpx ;
bottom : 20 r px;
font - size : 24 rpx ;
color : # 427 ec5 ;
font - weight : bold ;
padding : 0 3 rpx ;
}
. vip _item _btn {
position : absolute ;
right : 20 rpx ;
top : 30 rpx ;
font - size : 23 rpx ;
line - height : 40 rpx ;
border : 1 rpx solid # ff1f00 ;
color : # ff1f00 ;
padding : 0 12 rpx ;
border - radius : 15 rpx ;
opacity : 0.8 ;
}
. font _bold {
font - weight : bold ;
}
. vip _fee {
font - size : 34 rpx ! important ;
color : # ff1f00 ;
font - weight : bold ;
padding : 0 5 rpx ;
}
. vip _price _red {
color : # ff1f00 ;
padding - left : 5 rpx ;
font - weight : bold ;
font - size : 34 rpx ! important ;
}
. vip _price _yq {
font - size : 26 rpx ! important ;
color : # 427 ec5 ;
border : 1 rpx solid # 427 ec5 ;
border - radius : 10 rpx ;
margin - right : 15 rpx ;
margin - bottom : 10 rpx ;
padding : 0 10 rpx ;
}
. line {
text - decoration : line - through ;
color : # 258 feb ;
font - style : italic ;
}
. weight {
display : line - block ;
font - weight : bold ;
color : # 000 ;
. vip _item _flag {
font - size : 26 rpx ;
color : # 666 ;
padding - left : 20 rpx ;
}
. vip _item _flag text {
vertical - align : bottom ;
}
. super _con {
display : block ;
padding : 40 rpx 30 rpx 50 rpx ;
line - height : 48 rpx ;
font - size : 28 rpx ;
color : # 666 ;
letter - spacing : 1 px ;
}
< / style >