<template>
	<view class="recharge-User">
		<view class="recharge-User-Title flbtn">
			<view class="big-333 bold">
				{{text}}
			</view>
			<view class="recharge-User-Hint lit-333">
				*请确认账号信息，充值成功后不支持退换
			</view>
		</view>
		<view class="" style="padding-top: 20rpx;">
			<u-input fontSize="46rpx" :type="inputtype" border="none" v-model="modelvalue" :placeholder="placeholder"></u-input>
		</view>
	</view>
</template>

<script>
	/**
	 * @param { value } 组件接收值
	 * @param { placeholder } 组件占位文字
	 * */
	export default {
		name: "recharge-User",
		props: {
			value: {
				type: [String,Number],
				default: ''
			},
			placeholder: {
				type: String,
				default: ''
			},
			inputtype:{
				type:String,
				default:'text'
			},
			// 输入框标题
			text:{
				type:String,
				default:'充值账号'
			}
		},
		data() {
			return {
				account: ''
			};
		},
		computed: {
			modelvalue:{
				get() {
					return this['value'];
				},

				set(value) {
					this.$emit('input', value)
				}
			}
		},
	}
</script>

<style lang="scss" scoped>
	.recharge-User {
		background-color: #fff;
		padding: 20rpx;
		margin-top: 20rpx;

		&-Title {
			padding-bottom: 20rpx;
			border-bottom: 2rpx solid #EDEDED;
		}

		&-Hint {
			color: #FF2A30 !important;
		}
	}
</style>
