zhiyu_uni_duanju/pages/client/components/pay/recharge.vue

<template>
	<view class="re-body pd16_15">
		<p class="ft14">账户余额<span class="ft14 kb-txt">{{user_info.total_coin}}</span>K币</p>
		<view class="box options-box">
			<block v-for="(item,key) in list" :key="key">
				<view class="box mt16  options-item">
					<text class="ft18 pirice-txt"> 50.9元</text>
					<p class="ft14 cz-desc-txt">5000币 <text class="ft14">+888币</text></p>
					<text></text>
				</view>
			</block>
			
		</view>
		<view class="ft14 textdesc">
			<text class="ft12">1、虚拟商品，一经购买不得退换</text>
			<text class="ft12">2、充值后K币可能有延迟，1小时未到账请在“我的”页面联系客服</text>
			<text class="ft12">3、未满18岁的未成年需要在监护人陪同下购买并观看短剧剧</text>
			<text class="ft12">4、购买成功后，“K币”仅在本小程序中使用</text>
			<text class="ft12">5、购买成功后可在”我的”页面订单中心进行查看</text>
		</view>

	</view>
</template> 

<script>
	import {
		getOptions
	} from "@/common/apis/recharge.js"
	export default {
		props: ['user_info', "video_info"],
		data() {
			return {
				list: []
			}
		},watch:{
			user_info:{
				// 此处监听variable变量，当期有变化时执行
				handler(item1,item2){
					this.user_info = item1;
					// console.log('111111111111','item1',item1,'item2',item2,'this.user_info',this.user_info)
					// item1为新值，item2为旧值
				}
			}
		},
		created() {
			// props 会暴露到 `this` 上
			this.get_options();
			console.log(this.user_info, 'getOptions', this.list)
		},
		methods: {
			loginAct() {
				this.$emit('loginAct');
			},  
			showQrcodeAct() {
				this.$emit('qrcode');
			},
			async get_options() {
				this.list = await getOptions();
			}
		}
	}
</script>

<style>
	@import url("style/recharge.css");
</style>