优化样式

vedio/components/coin-popup/coin-popup.vue

 <template>
 	<view>
-		<uni-popup type="bottom" ref="coinPop" :maskClick="false" :isMaskClick="false">
-			<view class="body" style="width: 100%;height: 100%;">
+		<uni-popup :type="popType" ref="coinPop" :maskClick="false" :isMaskClick="false">
+			<view class="body" style="margin-top: 500rpx;border-radius: 10rpx;">
 				<scroll-view scroll-y>
 					<view style="display: flex;flex-direction: column;align-items: flex-end;">
 						<image @click="handleClose"
 							style="width: 30rpx;height: 30rpx;display: flex;align-items: right;margin-top: 20rpx;margin-right: 20rpx;margin-bottom: 10rpx;"
-							src="@/static/index/ic_quit_white.png"></image>
+							src="@/static/index/ic_quit_white.png" />
 					</view>
 					<view style="display: flex;flex-direction: column;align-items: center;margin-bottom: 20rpx;">
 						<view style="font-size: 38rpx;color: black;">{{title}}</view>
@@ -97,10 +97,16 @@
 				selectedIndex: 0,
 				title: '超多精彩好剧一键解锁',
 				userBean: {},
-				isFirstPayFlag: false
+				showClone: false,
+				isFirstPayFlag: false,
+				popType: 'bottom',
 			};
 		},
 		methods: {
+			showPop(type) {
+				this.popType = type
+				this.$refs.coinPop.open('bottom');
+			},
 			// 支付完成回调
 			paySuccess(largeType) {
 				this.$emit('paySuccess', largeType);
@@ -108,7 +114,6 @@
 			},
 			handleShow() {
 				let that = this;
-				this.$refs.coinPop.open('bottom');
 
 				that.post({
 					url: '/vip/getVipProducts/point',
@@ -135,7 +140,9 @@
 										that.vipList.push(data.list[i]);
 									}
 								}
-								
+								that.firstCash = data.list[0].firstPayPrice;
+								that.title = that.firstCash + ' 元自动解锁后续剧集';
+								that.showPop('top')
 								that.handlePay()
 							} else {
 								that.vipList = data.list;
@@ -216,10 +223,15 @@
 							if (that.isFirstPayFlag && errCode == -2) {
 								// 符合首充
 								that.handleClose()
+
+								setTimeout(() => {
+									that.isFirstPayFlag = false
+									that.showPop('bottom')
+								}, 500);
 							} else {
 								// message.notify(errMsg);
 							}
-						},
+						}
 					})
 				} else {
 					message.notify('当前微信版本过低，无法使用该功能，请升级到最新微信版本后重试。');