更新

pages/client/components/pay/recharge.vue

@@ -9,25 +9,32 @@
 			<block v-for="(item,key) in list" :key="key">
 				<view @click="selectItem(item)" class="box mt16  options-item"
 					:class="item.id == select.id ?'select' :'' " v-if="item.type =='COIN'">
-					<p><text v-if="item.is_first_pay" class="ft14 top-lab">首充</text></p>
-					<text class="ft18 pirice-txt txt-other" :style="item.is_first_pay ==1 ? '': 'padding-top:  25px;'">
+					<p style="height: 25px;"><text v-show="item.tip_text" class="ft14 top-lab">{{item.tip_text}}</text></p>
+					<text class="ft18 pirice-txt txt-other">
 						{{item.price}}元</text>
 					<p class="ft14 cz-desc-txt txt-other">{{item.price_text}} <text
 							class="ft14 pirice-txt">+{{item.given}}K币</text></p>
 					<p class="ft14 cz-desc-txt txt-other" :class="item.id == select.id ?'select_text' :'given-txt' ">
 						{{item.given_amount}} <text v-if="item.id == select.id" class="ft14 xz-hh">&#10003;️</text> </p>
 				</view>
-				<view @click="selectItem(item)" class="box mt16  options-item vip"
-					:class="item.id == select.id ?'select' :'' " v-else>
-					<text class="ft18 pirice-txt txt-other"> {{item.price}}元</text>
-					<p class="ft14 cz-desc-txt txt-other">{{item.price_text}}</text></p>
-					<p class="ft14 cz-desc-txt txt-other  " :class="item.id == select.id ?'select_text' :'' ">
+				<view @click="selectItem(item)" class="box mt16  options-item "
+					:class="item.id == select.id ?'select' :'' " v-else>
+					<p style="height: 25px;"><text  v-show="item.tip_text"   class="ft14 top-lab">{{item.tip_text}}</text></p>
+					<view class="vip-center">
+						<view class="">
+							<p class="ft18 pirice-txt txt-other"> {{item.price}}元 </p>
+							<p class="ft14 cz-desc-txt txt-other">{{item.price_text}}</text></p>
+						</view>
+						<image class="vip-level-icon" src="/static/icon/vip.png"></image> 
+					</view>
+					
+					<p class="ft14 cz-desc-txt txt-other  " :class="item.id == select.id ?'select_text' :'given-txt' ">
 						{{item.given_amount}} <text v-if="item.id == select.id" class="ft14 xz-hh">&#10003;️</text> </p>
 				</view>
 			</block>
 		</view>
 		<view v-if="is_player == false" @click="toPay" class="ft16 btn-cz box mt16 " >
-			确认充值{{select.price}}
+			确认充值{{select.price||0}}
 		</view>
 		<p class="ft14" style="margin: 10px 0;">付费须知</p>
 		<view class="ft14 textdesc">
@@ -37,7 +44,6 @@
 			<text class="ft12">4、购买成功后，“K币”仅在本小程序中使用</text>
 			<text class="ft12">5、购买成功后可在”我的”页面订单中心进行查看</text>
 		</view>
-
 	</view>
 </template>
 <script>
@@ -100,8 +106,8 @@
 				}
 				let params = {
 					pay_proudct_id:this.select.id,
-					video_id:this.video_info && this.video_info.video_id ? this.video_info.video_id :1,
-					video_series_sequence:this.video_info && this.video_info.video_series_sequence  ? this.video_info.video_series_sequence :1,
+					video_id:this.video_info && this.video_info.video_id ? this.video_info.video_id :0,
+					video_series_sequence:this.video_info && this.video_info.video_series_sequence  ? this.video_info.video_series_sequence :0,
 				};
 				// #ifdef MP-WEIXIN  
 				

pages/client/components/pay/style/recharge.css

@@ -86,4 +86,15 @@
 	background-color: #ff5722;
 	color: #fff;
 	border-radius: 40rpx;
+}
+.vip-center{
+	display: flex;
+	flex-direction: row;
+	justify-content: space-between;
+	align-items: center;
+}
+.vip-level-icon{
+	margin-right: 10rpx;
+	width: 80px;
+	height: 30px;
 }