付费弹窗优化匹配用户提示

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

@@ -141,7 +141,8 @@
 						data
 					}) => {
 						this.vipList = data.list;
-						if (data.list != null) {
+						if (data.list != null) {
+							this.hintText = this.vipList[0].trailRemark;
 							for (let i = 0; i < data.list.length; i++) {
 								if (data.list[i].activityType == 1) {
 									this.selectedIndex = i;
@@ -188,8 +189,13 @@
 				this.$emit('close');
 			},
 			choosePack(item, index) {
-				this.selectedIndex = index;
-				this.hintText = this.vipList[this.selectedIndex].trailRemark;
+				this.selectedIndex = index;
+				if(this.vipList[this.selectedIndex].trailRemark!=null){
+					this.hintText = this.vipList[this.selectedIndex].trailRemark;
+				}else{
+					this.hintText ='';
+				}
+				
 				this.handlePay();
 			},
 			handlePay() {
@@ -396,8 +402,9 @@
 		display: flex;
 		align-items: center;
 		font-size: 30rpx;
-		color: gainsboro;
-		margin: 20rpx;
+		color: darkgray;
+		margin-left: 20rpx;
+		margin-right: 20rpx;
 		word-wrap: break-word;
 		word-break: break-all;
 		white-space: pre-line;