代码优化

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

@@ -28,8 +28,10 @@
 					</view>
 					<view class="section">
 						<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)">
+							<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)">
 								<view style="display: flex;flex-direction: column;align-items: center;">
 
 									<view class="price row">
@@ -40,7 +42,7 @@
 										{{item.title}}
 									</view>
 
-									<view class="origin row" v-if="item.remarks!=null">
+									<view class="origin row" v-if="item.remarks!=null&&item.remarks!=''">
 										{{item.remarks}}
 									</view>
 								</view>
@@ -94,7 +96,7 @@
 		methods: {
 			// 支付完成回调
 			paySuccess(largeType) {
-				this.$emit('paySuccess',largeType);
+				this.$emit('paySuccess', largeType);
 				this.handleClose();
 			},
 			handleShow() {
@@ -108,7 +110,13 @@
 					}) => {
 						this.vipList = data.list;
 						if (data.list != null) {
-							this.selectedIndex = data.list[0].activityType;
+							// this.selectedIndex = data.list[0].activityType;
+							for (let i = 0; i < data.list.length; i++) {
+								if (data.list[i].activityType == 1) {
+									this.selectedIndex = i;
+									break;
+								}
+							}
 						}
 					}
 				});
@@ -146,11 +154,11 @@
 					success: ({
 						data
 					}) => {
-						that.wxPay(data,vipBean.largeType);
+						that.wxPay(data, vipBean.largeType);
 					}
 				});
 			},
-			wxPay(wxData,largeType) {
+			wxPay(wxData, largeType) {
 				let wxParams = wxData.params;
 				let that = this;
 				// 发起微信支付
@@ -163,8 +171,7 @@
 					success(res) {
 						that.paySuccess(largeType);
 					},
-					fail(res) {
-					}
+					fail(res) {}
 				})
 			}
 		},
@@ -242,17 +249,17 @@
 				font-weight: 700;
 			}
 
-			.origin {
-				color: #5A3C0F;
-				// background: #5a1505;
-				background-image: linear-gradient(90deg, #F3DEBE, #EAC180);
-				font-size: 22rpx;
-				border-radius: 20rpx;
-				height: 30rpx;
-				line-height: 30rpx;
-				padding-top: 4rpx;
-				padding-bottom: 3rpx;
-				padding-left: 16rpx;
+			.origin {
+				color: #5A3C0F;
+				// background: #5a1505;
+				background-image: linear-gradient(90deg, #F3DEBE, #EAC180);
+				font-size: 22rpx;
+				border-radius: 20rpx;
+				height: 30rpx;
+				line-height: 30rpx;
+				padding-top: 4rpx;
+				padding-bottom: 3rpx;
+				padding-left: 16rpx;
 				padding-right: 16rpx;
 			}