zm/sociology_app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

提交

Browse Source
This commit is contained in:
始于初见
2025-03-13 09:42:15 +08:00
parent 59823a2ca1
commit d49f771baf
14 changed files with 516 additions and 364 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
pages/courseInformation/index/index.vue
View File

@@ -126,14 +126,15 @@
></rich-text>
</view>
</template>
<template slot="detail_vipRecord" slot-scope="slotProps">
<view style="padding: 20rpx">
<rich-text
<template slot="detail_vipRecord" slot-scope="slotProps"> <vip-record v-if="currentCateIndex == 1"></vip-record>
<!-- <rich-text
:nodes="slotProps.dataList | formatRichText"
@click.stop="showPreview"
:data-nodes="slotProps.dataList"
></rich-text>
</view>
></rich-text> -->
</template>
</common-anchor-link>
</view>
@@ -142,6 +143,7 @@
<script>
import courseDescription from "../price/courseDescription.vue";
import price from "../price/index.vue";
import vipRecord from "./vip.vue";
import purchaseNotice from "../purchaseNotice/index.vue";
import instructionsForUse from "../instructionsForUse/index.vue";
import $http from "@/config/requestConfig.js";
@@ -152,6 +154,7 @@ export default {
price, //课程价格
instructionsForUse, //使用须知
purchaseNotice, //使用须知
vipRecord, //使用须知
},
data() {
return {
@@ -919,7 +922,7 @@ export default {
/deep/.wrapper {
background-color: $themeBgColor;
.content_list {
padding: 20rpx 0;
// padding: 20rpx 0;
background-color: rgba(255, 255, 255, 0.8) !important;
}
}

109
pages/courseInformation/index/vip.vue Normal file
View File

@@ -0,0 +1,109 @@
<template>
<page-meta
:page-font-size="$baseFontSize() + 'px'"
:root-font-size="$baseFontSize() + 'px'"
></page-meta>
<view class="super_wrap">
<view class="super_content">
<text class="super_title super_title_2" style="margin-top: 40rpx;">国学与心理学超级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>
</view>
</view>
</template>
<style lang="scss" scoped>
@import '@/style/mixin.scss';
.super_wrap{
height: auto;
background-color: #fdfcdf3d;
padding-bottom: 20rpx;
margin-bottom: 20px;
}
.super_content{
background-color: #fdfcdf3d;
}
.super_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;
font-size: 28rpx;
line-height: 46rpx;
padding: 0rpx 25rpx 0;
letter-spacing: 1px;
}
.super_con2{
display: block;
line-height: 50rpx;
letter-spacing: 1px;
color: #666;
padding: 50rpx 25rpx 60rpx;
}
.bigred{
font-size: 34rpx;
color: red;
font-weight: bold;
padding: 0 3rpx;
}
.line{
text-decoration: line-through;
color: #258feb;
font-style: italic;
}
.weight{
display: line-block;
font-weight: bold;
color: #000;
}
</style>