代码优化

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" />
@@ -224,10 +220,10 @@
 				if (!tt.canIUse('sign')) {
 					message.notify('请升级抖音APP版本.');
 					return
-				}
-				
-				tt.showLoading({
-					title: '加载中...'
+				}
+
+				tt.showLoading({
+					title: '加载中...'
 				});
 
 				let that = this;
@@ -235,7 +231,7 @@
 					businessType: ttData.params.businessType,
 					data: ttData.params.data,
 					byteAuthorization: ttData.params.byteAuthorization,
-					success: (res) => {
+					success: (res) => {
 						tt.hideLoading();
 						tt.sign({
 							businessType: ttData.params.businessType,
@@ -249,7 +245,7 @@
 							}
 						})
 					},
-					fail: (res) => {
+					fail: (res) => {
 						tt.hideLoading();
 						// this.slotParam = JSON.stringify(res);
 						// this.$refs.select.open('center');
@@ -262,10 +258,10 @@
 				if (!tt.canIUse('requestOrder')) {
 					message.notify('请升级抖音APP版本!');
 					return
-				}
-				
-				tt.showLoading({
-					title: '加载中...'
+				}
+
+				tt.showLoading({
+					title: '加载中...'
 				});
 
 				let that = this;
@@ -275,16 +271,16 @@
 					success(res) {
 						that.ttPay(largeType, res.orderId, ttData);
 					},
-					fail(res) {
+					fail(res) {
 						tt.hideLoading();
 						// message.notify(res.errMsg);
 						console.log('requestOrder res.errMsg', res)
 					},
 				});
 			},
-			ttPay(largeType, oid, ttData) {
-				tt.hideLoading();
-				
+			ttPay(largeType, oid, ttData) {
+				tt.hideLoading();
+
 				if (!tt.canIUse('getOrderPayment')) {
 					message.notify('请升级抖音APP版本~');
 					return
@@ -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,17 +550,31 @@
 		}
 
 		.trialStyle {
-			height: 50rpx;
-			padding: 30rpx;
+			height: 30rpx;
+			padding: 20rpx 30rpx;
 			font-size: 22rpx;
 			color: darkgray;
 		}
-	}
-	.text-box {
-		word-break: break-all;
-		margin: 10rpx;
-		padding: 10rpx;
-		background-color: white;
-		color: black;
+	}
+
+	.text-box {
+		word-break: break-all;
+		margin: 10rpx;
+		padding: 10rpx;
+		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