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

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>