questionbankvue3/pages/vip/vipEntry/vipEntry.vue

<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>