<template>
	<view style="width: 100%;">
		<view style="padding: 30rpx 60rpx;margin-top: 10vh;">
			<u-input v-model="verifyCode" type="text" :custom-style="{fontSize:'40rpx'}" height="90" :maxlength='17' input-align="center" placeholder="请输入VIN" :border="true" focus />
		</view>
		<view class="confirm-button">
			<u-button @click="ok" type="primary" :custom-style="{background:'#1283d4'}" shape="circle">确认输入</u-button>
		</view>
	</view>
</template>

<script>
	export default {
		components: {},
		data() {
			return {
				verifyCode: ''
			}
		},
		onLoad() {
		},
		methods: {
			ok(){
				if(this.verifyCode==''||this.verifyCode.length<17){
					uni.showToast({
						title: "请输入VIN码",
						icon:"none"
					})
				}else{
					uni.redirectTo({
						url: "/pages/vinInput/confirmVin?verifyCode="+this.verifyCode
					})
				}
			},
		}
	}
</script>

<style lang="less">
.confirm-button{
	padding: 50rpx;
}
</style>
