employ-front/pages_subpack/wallet/component/recharge.vue

<template>
	<view class="se-m-40">
		<u--input v-model="money" type="number" class="se-bgc-f5 se-fs-32" placeholder="请输入充值金额">
			<text slot="prefix" class="se-ml-10 se-c-orange se-fs-32">￥</text>
		</u--input>
		<view class="se-flex se-flex-v se-pb-20 se-mt-80">
			<view class="se-ml-10 se-fs-26 se-c-black se-fw-5">
				充值说明
			</view>
			
			<view class="se-flex se-flex-v se-fs-24 se-c-66  se-mt-30">
				<text class="se-hl-50">
					1、本次充值必须通过银行卡充值，暂不支持其他途径。</br>
					2、如若遇到24小时充值未到账，请联系客服。</br>
					3、充值金额至少不能低于10元。
				</text>
			</view>
		</view>
		<view class="se-pt-80 se-fs-20 se-flex">
			<view @click="onRecharge()"
				class="se-mx-10 se-flex-1 se-br-40 se-flex-h-c se-h-80 se-lh-80 se-ta-c se-fs-28 se-c-white se-bgc-orange">
				<text>立即充值</text>
			</view>
		</view>
	</view>
</template>

<script>
	import {
		payRecharge
	} from "@/common/api.js"
	
	export default{
		props:["userId","myMoney"],
		data(){
			return{
				money:""
			}
		},
		methods:{
			onRecharge(){
				let that = this
				let params = {
					rechargeReq:{
						id:this.userId,
						price:this.money
					}
				}
				payRecharge(params).then(response=>{
					that.$emit("onParent")
				}).catch(error=>{
					
				})
			}
		}
	}
</script>

<style>
</style>