109 lines
3.4 KiB
Vue
109 lines
3.4 KiB
Vue
<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> |