添加协议

vedio/pagesA/vipPay/vipPay.vue

@@ -40,11 +40,13 @@
 
 			<view class="agreementWrp">
 				<checkbox-group @change="checkboxChange" style="width: 50rpx;">
-					<checkbox :checked="checked" style="transform:scale(0.6)"> </checkbox>
+					<checkbox :checked="checked" style="transform:scale(0.6)">
+					</checkbox>
 				</checkbox-group>
 				<text>您已阅读并同意
-					<text class="agreementText" @click.stop="goAgreement">《连续订阅服务协议》</text>
-					与<text class="agreementText" @click.stop="goAgreement">《支付协议》</text>
+					<text class="agreementText" @click="goAgreement(1)">《连续订阅服务协议》</text>
+					与<text class="agreementText" @click="goAgreement(2)">《支付协议》</text>
+					与<text class="agreementText" @click="goAgreement(3)">《河狸小故事隐私政策》</text>
 				</text>
 			</view>
 
@@ -179,8 +181,14 @@
 					this.checked = false
 				}
 			},
-			goAgreement() {
-
+			goAgreement(type) {
+				if (type == 1) {
+					navigateTo(`/pages/brower/brower?url=https://shimo.im/docs/8Nk6e25xxvUgzzqL/`)
+				} else if (type == 2) {
+					navigateTo(`/pages/brower/brower?url=https://shimo.im/docs/dPkpdQXbzrFwdNkO/`)
+				} else if (type == 3) {
+					navigateTo(`/pages/brower/brower?url=https://shimo.im/docs/0l3NMneJEVCgOBAR/`)
+				}
 			}
 		}
 	}
@@ -193,6 +201,7 @@
 		flex-direction: column;
 
 		.section {
+			margin-top: 30rpx;
 			display: flex;
 			flex-direction: column;
 
@@ -233,7 +242,7 @@
 					.row {
 						display: flex;
 						align-items: center;
-						margin: 4rpx 15rpx;
+						margin: 6rpx 15rpx;
 						marign-bottom: 0;
 					}
 
@@ -247,7 +256,6 @@
 						color: #000000;
 					}
 
-
 					.price {
 						font-size: 40rpx;
 						color: #000000;
@@ -339,6 +347,7 @@
 			align-items: center;
 			color: darkgray;
 			font-size: 26rpx;
+			margin-top: 30rpx;
 			padding-left: 30rpx;
 
 			.agreementText {