XLJK-web/xinlijiankang-uniapp-main/pages/user/kcxq-b.vue

<template>
	<view class="">
			<view class="ddxqship">
				<!-- 视频板块预留 -->
			</view>
		<view class="ddxqfayu">
			<view class="indhuyr">
				<view class="indjbrr"></view>
				<text>视频套餐</text>
			</view>
			
			<view>
				 <view class="fzctob" style="margin-top: 30rpx;">
				 	<view class="sckjert">
				 		<!-- 图片预留 -->
				 	</view>
				 	<view class="fsxto" style="width: 100%;margin-left: 24rpx;">
				 		<view class="cphrry"><text>焦虑课程焦虑课程焦虑课程焦虑</text></view>
				 		<view class="cptxtyra"><text>课程讲师或其他信息</text></view>
				 		<view class="fzctob">
				 			<text class="wdjga">¥</text>
				 			<text class="wdjgb">00</text>
				 			<text class="wdjgc">.00</text>
				 			<text class="scjga">原价¥199</text>
							<image v-show="xqaxuye" @click="xqaxuye = false" src="/static/zy/zyb1.png" style="width: 36rpx;height: 36rpx;margin-left: 20rpx;margin-top: 6rpx;" mode=""></image>
							<image  v-show="!xqaxuye"  @click="xqaxuye = true" src="/static/zy/zyb2.png" style="width: 36rpx;height: 36rpx;margin-left: 20rpx;margin-top: 6rpx;" mode=""></image>
				 		</view>
				 	</view>
				 </view>
				 
				 <view class="fzctob" style="margin-top: 30rpx;">
				 	<view class="sckjert">
				 		<!-- 图片预留 -->
				 	</view>
				 	<view class="fsxto" style="width: 100%;margin-left: 24rpx;">
				 		<view class="cphrry"><text>焦虑课程焦虑课程焦虑课程焦虑</text></view>
				 		<view class="cptxtyra"><text>课程讲师或其他信息</text></view>
				 		<view class="fzctob">
				 			<text class="wdjga">¥</text>
				 			<text class="wdjgb">00</text>
				 			<text class="wdjgc">.00</text>
				 			<text class="scjga">原价¥199</text>
				 							<image v-show="xqaxuye" @click="xqaxuye = false" src="/static/zy/zyb1.png" style="width: 36rpx;height: 36rpx;margin-left: 20rpx;margin-top: 6rpx;" mode=""></image>
				 							<image  v-show="!xqaxuye"  @click="xqaxuye = true" src="/static/zy/zyb2.png" style="width: 36rpx;height: 36rpx;margin-left: 20rpx;margin-top: 6rpx;" mode=""></image>
				 		</view>
				 	</view>
				 </view>
				 
				 
			</view>
			
			
			 
		</view>
	 
		<view class="ddxqfayu">
			<view class="indhuyr">
				<view class="indjbrr"></view>
				<text>课程详情</text>
			</view>
			
			<view style="margin-top: 30rpx;">
				<view class="fzctob">
					<view class="kcxquyr">
						<text>课程名称</text>
					</view>
					<view class="kcxquyra">
						<text>焦虑课程焦虑课程焦虑课程焦虑</text>
					</view>
				</view>
				<view style="border-top: 2rpx dashed #e8e8e8;width: 100%;margin: 22rpx 0;"></view>
				
				<view class="fzctob">
					<view class="kcxquyr">
						<text>课程分类</text>
					</view>
					<view class="fzctob kcwwerrt">
						<text>心里咨询</text>
						<text>心里咨询</text>
						<text>心里咨询</text>
					</view>
				</view>
				<view style="border-top: 2rpx dashed #e8e8e8;width: 100%;margin: 22rpx 0;"></view>
				
				<view class="fzctob">
					<view class="kcxquyr">
						<text>金额</text>
					</view>
					<view class="fzctob">
						<text class="wdjga">¥</text>
						<text class="wdjgb">00</text>
						<text class="wdjgc">.00</text>
						<text class="scjga">原价¥199</text>
					</view>
				</view>
			</view>
			
			
			 
		</view>
		<view class="" style="height: 200rpx;"></view>
		<view class="flztoa kcquuer">
			<view class="kqyyefh">
				<text>普通/697¥</text>
			</view>
			<view class="kqyyefha">
				<text>会员/399¥</text>
			</view>
		</view>
		 

		 
		
		 
	</view>
</template>
<style>
	page {
		background: #FAFAFA;
	}
</style>
<script>
	export default {
		data() {
			return {
				xqaxuye:false,
  

			}
		},


	}
</script>

<style lang="scss" scoped>
	
	 
 
 
	 
	 
</style>