qxgIosUniapp.git

			@@ -63,6 +63,7 @@

			data() {
			return {
			active: 0,
			ygxLogin:{},
			protocolChecked: [0],
			showTextBox: false,
			@@ -144,12 +145,12 @@
			</view>

			<view class="title">
			<view style="margin-top:380rpx;text-align: center;font-weight: bold;line-height:160rpx;font-size:160rpx;background: -webkit-linear-gradient(#010312, #E7B974);-webkit-background-clip: text;-webkit-text-fill-color: transparent;">
			<view style="margin-top:380rpx;text-align: center;font-weight: bold;line-height:160rpx;font-size:120rpx;color: #552D02;">
			{{ memberPeriodConfigInfo.totalBenefitsAmount }}<text style="font-size: 40rpx;">元</text>
			</view>
			</view>

			<view class="content" style="overflow-y: scroll;padding: 30rpx;background: #ffffff;border-top-left-radius: 50rpx;border-top-right-radius: 50rpx;margin-top: 60rpx;padding-bottom: 140rpx;">
			<view class="content" style="overflow-y: scroll;padding: 30rpx;background: #ffffff;border-top-left-radius: 50rpx;border-top-right-radius: 50rpx;margin-top: 100rpx;padding-bottom: 140rpx;">
			<view class="content-title" style="text-align: center;display: flex;align-items: center;justify-content: center;margin-top: 40rpx;margin-bottom: 10rpx;">
			<image style="width: 127rpx;height: 18rpx;" src="/static/img/nion1.png"></image>
			<view style="font-size: 36rpx;color: #333333;margin: 0 20rpx;">会员须知</view>
			@@ -219,15 +220,15 @@
			</view>
			<button
			style="height: 88rpx;color: #ffffff;border-radius: 40rpx;font-size: 34rpx;flex: 1;margin-top: 10rpx;margin-right: 10rpx;line-height: 88rpx;"


			@click="submit"


			:class="tm &&protocolChecked.length?'activityBut':'disabledBut'"
			>立即开通<text v-if="!tm">（{{text}}秒）</text></button>
			</view>
			<view style="font-size: 24rpx;color: #666666;display: flex;align-items: center;margin: 40rpx 0;height: 50rpx;justify-content: center;">
			<uv-checkbox-group activeColor="#000218" @change='isAgree=!isAgree' style="">
			<uv-checkbox :checked="isAgree ? true : false" iconColor="#fff" iconSize="22" size="22" :name="1" shape="circle">
			<uv-checkbox-group activeColor="#4766FE" @change='isAgree=!isAgree' style="">
			<uv-checkbox :checked="isAgree ? true : false" iconColor="#fff" iconSize="14" size="14" :name="1" shape="circle">
			<text style="color: #20110E;">我已阅读并同意</text>
			</uv-checkbox>
			</uv-checkbox-group>
			@@ -236,8 +237,36 @@
			<text style="display: inline;font-size: 24rpx;color: #4766FE" @click="link(`/pages/web/xieyi?code=${memberPeriodConfigInfo.protocolCode}&title=${memberPeriodConfigInfo.protocolName}`)">{{memberPeriodConfigInfo.protocolName}}</text>
			</view>


			<view style="background-color: #ffffff;border-radius: 50rpx 50rpx 0 0;margin-top: 40rpx;">
			<view class="tab-wrap" style="padding-top: 60rpx;">
			<text @click="active=0" :class="active==0?'active':''">实物权益</text>
			<text @click="active=1" :class="active==1?'active':''">虚拟权益</text>
			</view>
			<view v-if="active === 0" class="sw-container">
			<image style="width: 100%;height: 220rpx;" mode="aspectFit" src="/static/img/quanshou/sw1.png"></image>
			<image style="width: 100%;height: 220rpx;" mode="aspectFit" src="/static/img/quanshou/sw2.png"></image>
			<image style="width: 100%;height: 220rpx;" mode="aspectFit" src="/static/img/quanshou/sw3.png"></image>
			<image style="width: 100%;height: 220rpx;" mode="aspectFit" src="/static/img/quanshou/sw4.png"></image>
			<image style="width: 100%;height: 220rpx;" mode="aspectFit" src="/static/img/quanshou/sw5.png"></image>
			<image style="width: 100%;height: 220rpx;" mode="aspectFit" src="/static/img/quanshou/sw6.png"></image>
			<image style="width: 100%;height: 220rpx;" mode="aspectFit" src="/static/img/quanshou/sw7.png"></image>
			<image style="width: 100%;height: 220rpx;" mode="aspectFit" src="/static/img/quanshou/sw8.png"></image>
			<!-- <button class="exchange-btn" v-if="active==0" @click="getTips">我要查询</button> -->
			<view class="note" style="padding-bottom: 50rpx;text-align: center;">页面展示为实物样例，实际以用户收到的商品为准</view>
			</view>
			<view v-if="active === 1">
			<image style="width: 100%;height: 538rpx;" mode="aspectFit" src="/static/img/quanshou/xn1.png"></image>
			<image style="width: 100%;height: 538rpx;" mode="aspectFit" src="/static/img/quanshou/xn2.png"></image>
			<image style="width: 100%;height: 342rpx;" mode="aspectFit" src="/static/img/quanshou/xn3.png"></image>
			<image style="width: 100%;height: 712rpx;" mode="aspectFit" src="/static/img/quanshou/xn4.png"></image>
			<!-- <button class="exchange-btn" @click="toHuiyuan">我要领取</button> -->
			<view class="note" style="padding-bottom: 50rpx;text-align: center;">* 虚拟权益以实际兑换为准</view>
			</view>
			</view>

			<!-- <view class="tips" style="color: #666666;margin-top: 24rpx;margin-bottom: 20rpx;font-size: 26rpx">*会员服务一经开通不支持取消、退款，会员服务到期前，用户可以选择续订或取消续费。</view>-->



			<!-- 专享会员生活权益 -->
			<!-- <view>
			@@ -329,4 +358,52 @@
			flex-direction: row;
			}

			/* tab */
			.tab-wrap {
			display: flex;
			justify-content: space-evenly;
			margin-bottom: 50rpx;
			}
			.tab-wrap text {
			font-weight: 600;
			font-size: 36rpx;
			color: #666;
			}
			.active {
			color: #333 !important;
			position: relative;
			&::after {
			content: "";
			display: block;
			width: 50rpx;
			height: 8rpx;
			background: linear-gradient(271deg, #FFE4A1 0%, #FFC57A 51%, #FFE1B9 100%);
			border-radius: 32rpx;
			position: absolute;
			bottom: -20rpx;
			left: calc(50% - 25rpx);
			}
			}

			/* 按钮 */
			.exchange-btn {
			font-weight: 600;
			font-size: 36rpx;
			color: #FFD39A;
			padding: 26rpx;
			background: linear-gradient(271deg, #2A1601 0%, #3B2106 51%);
			border-radius: 200rpx;
			margin-top: 60rpx;
			}
			.note {
			font-size: 24rpx;
			color: #999;
			margin-top: 20rpx;
			}

			.sw-container {
			image {
			margin-top: 20rpx;
			}
			}
			</style>