新增VIP活动模块

This commit is contained in:
liuyuan
2025-02-07 14:11:22 +08:00
parent 7689e3c606
commit d05e291350
12 changed files with 239 additions and 30 deletions

View File

@@ -33,7 +33,7 @@
</view>
<view class="buyItems">
<view class="txt555">
{{item.title}}
<text>{{item.title}}</text>
</view>
<view class="jianjie" v-html="item.content">
@@ -43,11 +43,20 @@
<uni-tag v-if="item.selective != 0 && item.selective == 1" style="margin-right: 10rpx;" text="必修" size="small" type="warning" />
<uni-tag v-if="item.selective != 0 && item.selective == 2" style="margin-right: 10rpx;" text="选修" size="small" type="success" />
</view>
<view class="btn_box">
<text>了解课程</text>
</view>
</view>
<view class="btn_box">
<view class="btn_box_price" v-if="item.courseCatalogueEntityList.length==1">
<text v-if="item.courseCatalogueEntityList[0].halfFee==0">免费</text>
<text v-else>¥{{item.courseCatalogueEntityList[0].halfFee}}/{{item.courseCatalogueEntityList[0].fee}}</text>
</view>
<view class="btn_box_price" v-if="item.courseCatalogueEntityList.length>1">
<text v-for="(v,i) in item.courseCatalogueEntityList" :key="i">
{{(v.title).substring(0, 1)}}<text v-if="i !== item.courseCatalogueEntityList.length - 1">/</text>
</text>
<text style="margin-left: 20rpx;">¥{{item.courseCatalogueEntityList[0].halfFee}}/{{item.courseCatalogueEntityList[0].fee}}</text>
</view>
<text class="btn_box_btn">了解课程</text>
</view>
</view>
</view>
<u-divider v-show="status == 2" text="已加载全部"></u-divider>
@@ -127,7 +136,9 @@ export default {
value: [0, 0],
selectedData: {}, //城市
countryIndex: 0, //抑郁症文字区分国家展示
countryText: ''
countryText: '',
//列表显示价格
courseCatalogueEntityList: []
};
},
//第一次加载
@@ -398,13 +409,13 @@ export default {
this.flag = false
$http.request({
url: "medical/home/getMedicalCourseList",
method: "POST", // POST、GET、PUT、DELETE具体说明查看官方文档
method: "POST",
data: {
"id": id,
"limit": 12,
"page": this.page
},
header: { //默认 无 说明:请求头
header: {
'Content-Type': 'application/json'
},
})
@@ -424,7 +435,6 @@ export default {
} else {
this.status = 3 // 暂无数据
}
console.log('status', this.status)
this.flag = true
}
@@ -496,8 +506,11 @@ export default {
}
.newBox {
.flexbox{
padding-bottom: 100rpx !important;
}
.item {
position: relative;
margin-bottom: 20rpx;
background-color: #fff;
border-radius: 20rpx;
@@ -521,10 +534,28 @@ export default {
height: 200rpx;
}
}
.btn_box{ text-align: right;
text{
.btn_box{
position: absolute;
bottom: 20rpx;
right: 20rpx;
width: 100%;
display: flex;
align-items: center;
justify-content: end;
.btn_box_price{
font-size: 32rpx;
font-weight: 500;
margin-right: 30rpx;
color: red;
line-height: 54rpx;
}
.btn_box_btn{
width: 140rpx;
height: 54rpx;
text-align: center;
line-height: 54rpx;
border-radius: 20rpx;
padding: 3px 5px; @include theme("btn_bg");
@include theme("btn_bg");
font-size: 28rpx; color: #fff;
}
}

View File

@@ -9,6 +9,19 @@
</view>
<view class="ss" >
<view class="box">
<view class="item flexbox" @click="itemClick('chaov')">
<view class="logo">
<image class="" src="@/static/logo.png" mode="aspectFill"></image>
</view>
<view class="flexbox tt">
<view class="type">
<image src="/static/chaovIcon.png" mode="widthFix"></image>
</view>
<text style="letter-spacing: 1.2px;">超V介绍 > </text>
</view>
</view>
<view class="item flexbox" @click="itemClick('jiage')">
<view class="logo">
@@ -28,7 +41,7 @@
</view>
<view class="flexbox tt">
<view class="type">
<image src="/static/shuomingIcon.png" mode="aspectFill"></image>
<image src="/static/shuomingIcon.png" mode="widthFix"></image>
</view>
<text>课程说明 > </text>
</view>
@@ -89,6 +102,9 @@
itemClick(op){
var path = ''
switch(op){
case "chaov":
path = '/pages/course/superVip'
break
case "jiage":
path = '/pages/course/coursePrice'
break

73
pages/course/superVip.vue Normal file
View File

@@ -0,0 +1,73 @@
<template>
<view class="super_content">
<z-nav-bar title="超v介绍"></z-nav-bar>
<text class="super_title">中医学超v</text>
<text class="super_con">办理时长分别为3年和4年中医学超v时间内可享受无限制观看吴门医述APP-中医学分类板块下的任意课程</text>
<text class="super_title">针灸学超v</text>
<text class="super_con">办理时长分别为3年和4年针灸学超v时间内可享受无限制观看吴门医述APP-针灸学分类板块下的任意课程</text>
<text class="super_title">肿瘤学超v</text>
<text class="super_con">办理时长分别为3年和4年肿瘤学超v时间内可享受无限制观看吴门医述APP-肿瘤学分类板块下的任意课程</text>
<text class="super_title">心理学超v</text>
<text class="super_con">办理时长分别为3年和4年心理学超v时间内可享受无限制观看吴门医述APP-心理学分类板块下的任意课程</text>
<text class="super_title" style="width: 290rpx;">众妙之门(国学)超v</text>
<text class="super_con">办理时长分别为3年和4年众妙之门国学超v时间内可享受无限制观看众妙之门APP的任意课程</text>
<text class="super_con2">说明
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
银行间代码SWIFTASBBNZ2A
银行账号12-3233-0749438-00
收款人地址3 the mews,shamrock park,auckland 2016, New zealand.
以上支付方式请务必备注本软件注册的用户名及手机号以便核对信息
3 若有疑问或意见联系客服微信号yilujiankangkefu 电话 022-2414232113110039505本天医币一经购买暂不支持退款</text>
</view>
</template>
<style lang="scss" scoped>
@import '@/style/mixin.scss';
.super_content{
height: 100vh;
background: #f2f8ff;
}
.super_title{
width: 180rpx;
text-align: center;
height: 54rpx;
line-height: 54rpx;
display: block;
font-size: 28rpx;
font-weight: bold;
letter-spacing: 1px;
@include theme("btn_bg");
color: #fff;
padding: 0 20rpx;
border-radius: 15rpx;
margin: 50rpx 30rpx 0;
}
.super_con{
display: block;
font-size: 30rpx;
line-height: 46rpx;
margin: 20rpx 30rpx 50rpx;
letter-spacing: 1px;
}
.super_con2{
background: #f2f8ff;
display: block;
font-size: 28rpx;
line-height: 50rpx;
letter-spacing: 1px;
color: #666;
padding: 50rpx 30rpx 60rpx;
}
</style>