添加取消订阅

scan/pagesA/vipPay/vipPay.vue

@@ -10,8 +10,8 @@
 				<view class="pack-box">
 					<view class="pack-item"
 						:style="item.largeType =='vip' ?'background: #f5f5f5;':'background: #f4c98b;'"
-						:class="[{active: index==selectedIndex}]" v-for='(item, index) in vipList'
-						:key='index' @click="choosePack(item, index)">
+						:class="[{active: index==selectedIndex}]" v-for='(item, index) in vipList' :key='index'
+						@click="choosePack(item, index)">
 						<view style="display: flex;flex-direction: column;align-items: center;">
 
 							<view class="price row">
@@ -49,6 +49,12 @@
 				<view style="font-size: 22rpx;margin-left: 10rpx;" @click="clickAgree">点击购买即表示您同意《会员付费协议》</view>
 			</view> -->
 
+			<view class="trialStyle">
+				<text v-if="hintText">
+					{{hintText}}
+				</text>
+			</view>
+
 			<view class="item-agree">
 				<view style="font-size: 28rpx;" @click="clickAgree">用户付费须知> </view>
 			</view>
@@ -67,8 +73,7 @@
 				<uni-popup-dialog confirmText="确认" title="付费须知" content="
 						1、会员属于虚拟商品，一经购买不可退换;
 						2、未满18岁的未成年人需要在监护人主导、同意下进行相关付费操作;
-						3、充值会员一般5分钟内到账，如未到账请在“我的”页面咨询客服;"
-					 @close="dialogClose">
+						3、充值会员一般5分钟内到账，如未到账请在“我的”页面咨询客服;" @close="dialogClose">
 				</uni-popup-dialog>
 			</uni-popup>
 		</view>
@@ -94,7 +99,8 @@
 				vipList: [],
 				needClick: false,
 				selectedIndex: 0,
-				os: 'android'
+				os: 'android',
+				hintText: ''
 			}
 		},
 		methods: {
@@ -102,13 +108,15 @@
 				if (tt.getSystemInfoSync().platform === 'ios') {
 					this.os = 'ios';
 				}
+				
 				this.post({
-					url: '/vip/getVipProducts',
+					url: '/vip/getVipProducts/cyc',
 					showLoading: false,
 					success: ({
 						data
 					}) => {
 						this.vipList = data.list
+						this.hintText = this.vipList[0].trailRemark;
 						
 						if (data.list != null) {
 							// this.selectedIndex = data.list[0].activityType;
@@ -123,15 +131,15 @@
 				});
 			},
 			clickAgreeBtn() {
-				
 				this.needClick = !this.needClick
-				
 			},
 			dialogClose() {
 				this.$refs.alertDialog.close();
 			},
 			choosePack(item, index) {
 				this.selectedIndex = index;
+				
+				this.hintText = this.vipList[this.selectedIndex].trailRemark;
 			},
 			clickAgree() {
 				// let url = 'https://mints-web.mints-id.com/agreements/scandemon/gmxy.html';
@@ -213,7 +221,7 @@
 					},
 					fail(res) {
 						// message.notify(res.errMsg);
-						console.log('requestOrder res.errMsg',res)
+						console.log('requestOrder res.errMsg', res)
 					},
 				});
 			},
@@ -237,7 +245,7 @@
 							that.queryOrderStatus(largeType, ttData.tidStr);
 						},
 						fail(res) {
-							console.log('ios=ttPay res.errMsg',res)
+							console.log('ios=ttPay res.errMsg', res)
 							// message.notify(res.errMsg);
 						},
 					});
@@ -248,7 +256,7 @@
 							that.queryOrderStatus(largeType, ttData.tidStr);
 						},
 						fail(res) {
-							console.log('android=ttPay res.errMsg',res)
+							console.log('android=ttPay res.errMsg', res)
 							// message.notify(res.errMsg);
 						},
 					});
@@ -378,5 +386,12 @@
 			margin: 0 auto;
 			margin-top: 16rpx;
 		}
+
+		.trialStyle {
+			height: 50rpx;
+			padding: 30rpx;
+			font-size: 22rpx;
+			color: darkgray;
+		}
 	}
 </style>
\ No newline at end of file