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

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>