代码优化

scan/pagesA/vipPay/vipPay.vue

@@ -6,8 +6,12 @@
 			<image style="width: 100%;margin-top: 10rpx;margin-bottom: 10rpx;"
 				src="https://mints-pkg.oss-cn-beijing.aliyuncs.com/pkg/img/bg_heli_vip.png" mode="widthFix" />
 
-			<view class="section">
+			<view @click="handleUnsign" v-if="agreementDto"
+				style="margin-left: 30rpx;color: black;font-size: 36rpx;font-weight: 700;">自动续费管理
+				>
+			</view>
 
+			<view class="section">
 				<view class="pack-box">
 					<scroll-view scroll-x style="white-space: nowrap">
 						<view class="pack-item" v-for='(item, index) in vipList' :key='index'
@@ -47,16 +51,6 @@
 				</text>
 			</view>
 
-			<view @click="handleUnsign" v-if="agreementDto"
-				style="margin-left: 20rpx;color: black;font-size: 36rpx;font-weight: 700;">自动续费管理
-				>
-			</view>
-
-
-			<view class="item-agree">
-				<view style="font-size: 28rpx;" @click="clickAgree">用户付费须知> </view>
-			</view>
-
 			<view class="agreementWrp">
 				<checkbox-group @change="checkboxChange" style="width: 50rpx;">
 					<checkbox :checked="checked" style="transform:scale(0.9)">
@@ -66,13 +60,15 @@
 					<text class="agreementText" @click="goAgreement(1)">《连续订阅服务协议》</text>
 					与<text class="agreementText" @click="goAgreement(2)">《支付协议》</text>
 					与<text class="agreementText" @click="goAgreement(3)">《隐私政策》</text>
+					与<text class="agreementText" @click="goAgreement(4)">《用户付费须知》</text>
 				</text>
 			</view>
 
+			<view class="nextBtn" @click="handlePay">立即试用</view>
 
-			<view class="section">
-				<button class="apply-button" @click="handlePay">立即试用</button>
-			</view>
+			<!-- <view class="item-agree">
+				<view style="font-size: 28rpx;" @click="clickAgree">用户付费须知> </view>
+			</view> -->
 
 			<image @click="handlePay" style="width: 100%;"
 				src="https://mints-pkg.oss-cn-beijing.aliyuncs.com/pkg/img/bg_vip_about.png" mode="widthFix" />
@@ -373,6 +369,8 @@
 					navigateTo(`/pages/brower/brower?url=https://api.mints-tech.cn/camera-api/agreements/lingxi/syzc.html`)
 				} else if (type == 3) {
 					navigateTo(`/pages/brower/brower?url=https://api.mints-tech.cn/camera-api/agreements/lingxi/yhxy.html`)
+				} else if (type == 4) {
+					this.clickAgree();
 				}
 			}
 		}
@@ -386,7 +384,6 @@
 		flex-direction: column;
 
 		.section {
-			margin-top: 30rpx;
 			display: flex;
 			flex-direction: column;
 
@@ -526,7 +523,7 @@
 				background: #e8c8ae;
 				color: #8d5a29;
 				width: 600rpx;
-				margin: 40rpx auto;
+				margin: 20rpx auto;
 			}
 		}
 
@@ -544,7 +541,6 @@
 			align-items: center;
 			color: darkgray;
 			font-size: 26rpx;
-			margin-top: 30rpx;
 			padding-left: 30rpx;
 			padding-right: 20rpx;
 
@@ -554,12 +550,13 @@
 		}
 
 		.trialStyle {
-			height: 50rpx;
-			padding: 30rpx;
+			height: 30rpx;
+			padding: 20rpx 30rpx;
 			font-size: 22rpx;
 			color: darkgray;
 		}
 	}
+
 	.text-box {
 		word-break: break-all;
 		margin: 10rpx;
@@ -567,4 +564,17 @@
 		background-color: white;
 		color: black;
 	}
+
+	.nextBtn {
+		justify-content: center;
+		align-items: center;
+		display: flex;
+		border-radius: 50rpx;
+		background-color: #e8c8ae;
+		color: #8d5a29;
+		width: 660rpx;
+		height: 90rpx;
+		font-size: 32rpx;
+		margin: 20rpx auto;
+	}
 </style>
\ No newline at end of file