<template>
	<input type="number" class="form-input" :value="value" :placeholder="placeholder" placeholder-class="placeholder"
		@input="$emit('input', $event.detail.value)" />
</template>

<script>
export default {
	name: 'FormItemNumber',
	props: {
		value: {
			type: [String, Number],
			default: ''
		},
		placeholder: {
			type: String,
			default: '请输入数字'
		}
	}
};
</script>

<style scoped>
.form-input {
	flex: 1;
	height: 80rpx;
	font-size: 28rpx;
	color: #333333;
	text-align: center;
	background-color: #f5f5f5;
	border-radius: 8rpx;
	padding: 0 24rpx;
}

.placeholder {
	font-weight: 400;
	font-size: 28rpx;
	color: #999999;
}
</style>
