You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
215 lines
3.4 KiB
215 lines
3.4 KiB
<template>
|
|
<view class="content">
|
|
<view class="topBg">
|
|
<view class="tag">XXXX成为VIP会员</view>
|
|
<view class="tag">一次搞定</view>
|
|
<view class="tag">常见问题</view>
|
|
<view class="tag">五大特权</view>
|
|
<view class="tag">最低仅需xx元/天</view>
|
|
</view>
|
|
|
|
<view class="allVip">
|
|
<view class="vipItem" v-for="(item,index) in 3" :key="index">
|
|
<view class="lab">全科VIP</view>
|
|
<view class="redT flex">
|
|
<view class="price">￥<text>15</text></view>
|
|
<view class="day">100天</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="btnBox flex-b">
|
|
<view class="whiteT flex">
|
|
<view class="price">￥<text>15</text></view>
|
|
<view class="day">100天</view>
|
|
</view>
|
|
<view class="upgra">升级为VIP</view>
|
|
</view>
|
|
|
|
<view class="card">
|
|
<view class="h1_row">
|
|
<view class="h1">尊享权益</view>
|
|
<view class="moreBox">
|
|
<moreRight text="查看全部"/>
|
|
</view>
|
|
</view>
|
|
<view class="tit_row flex">
|
|
<view class="round">
|
|
<image src="" mode=""></image>
|
|
</view>
|
|
<view class="tit">五大权益助力高效领证</view>
|
|
<view class="round">
|
|
<image src="" mode=""></image>
|
|
</view>
|
|
</view>
|
|
<view class="tps">180天内无限使用</view>
|
|
|
|
<view class="ul">
|
|
<view class="li" v-for="(item,index) in 5" :key="index">
|
|
<view class="icon">
|
|
<image src="" mode=""></image>
|
|
</view>
|
|
<view class="txt">精选试题</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="learning">
|
|
<view class="h1">四步高效学习法</view>
|
|
<view class="blueBg">
|
|
<view class="blueTxt">拒绝费时费力 高效备考理论</view>
|
|
<view class="ul">
|
|
<view class="li">
|
|
<view class="flex">
|
|
<view class="step">第一步</view>
|
|
<view class="unit">练</view>
|
|
</view>
|
|
<view class="flex-b">
|
|
<view class="leftImg">
|
|
<image src="" mode=""></image>
|
|
</view>
|
|
<view class="rightTxt">
|
|
<view class="lab">精选试题</view>
|
|
<view class="txt">提炼易错、易考试题，减少相似题目练习，缩短备考时间</view>
|
|
</view>
|
|
</view>
|
|
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
</view>
|
|
</template>
|
|
|
|
<script setup>
|
|
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.content {
|
|
.topBg {
|
|
.tag {
|
|
|
|
}
|
|
}
|
|
|
|
.allVip {
|
|
.vipItem {
|
|
.lab {
|
|
|
|
}
|
|
|
|
.redT.flex {
|
|
.price {
|
|
text {
|
|
|
|
}
|
|
}
|
|
|
|
.day {
|
|
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.btnBox.flex-b {
|
|
.whiteT.flex {
|
|
.price {
|
|
text {
|
|
|
|
}
|
|
}
|
|
|
|
.day {
|
|
|
|
}
|
|
}
|
|
|
|
.upgra {
|
|
|
|
}
|
|
}
|
|
|
|
.card {
|
|
.h1_row {
|
|
.h1 {
|
|
|
|
}
|
|
|
|
.moreBox {
|
|
|
|
}
|
|
}
|
|
|
|
.tit_row.flex {
|
|
.round {
|
|
|
|
}
|
|
|
|
.tit {
|
|
|
|
}
|
|
}
|
|
|
|
.tps {
|
|
|
|
}
|
|
|
|
.ul {
|
|
.li {
|
|
.icon {
|
|
|
|
}
|
|
|
|
.txt {
|
|
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.learning {
|
|
.h1 {
|
|
|
|
}
|
|
|
|
.blueBg {
|
|
.blueTxt {
|
|
|
|
}
|
|
|
|
.ul {
|
|
.li {
|
|
.flex {
|
|
.step {
|
|
|
|
}
|
|
|
|
.unit {
|
|
|
|
}
|
|
}
|
|
|
|
.flex-b {
|
|
.leftImg {
|
|
|
|
}
|
|
|
|
.rightTxt {
|
|
.lab {
|
|
|
|
}
|
|
|
|
.txt {
|
|
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</style>
|