<template>
	<view style="width: 100%;">
		<view class="confirm-text">
			<view>请核对VIN识别是否正确？</view>
			<view>如果有误，请修改</view>
		</view>
		<view class="vin-img">
			<u-image src="vinImg"></u-image>
		</view>
		<xt-verify-code v-model="verifyCode" inputType='text' size="17" @confirm="confirm"></xt-verify-code>
		<view class="confirm-button">
			<u-button @click="ok" type="primary" shape="circle">确认输入</u-button>
		</view>
		<view class="share-list">
			
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				verifyCode: '',
				vinImg: ''
			}
		},
		methods: {
			confirm(code){
				console.log(code)
				this.verifyCode = code
			},
			ok(){
				if(this.verifyCode==''){
					uni.showToast({
						title: "请输入VIN码",
						icon:"none"
					})
				}else{
					uni.navigateTo({
						url: "/pages/vinInput/confirmVin"
					})
				}
			}
		}
	}
</script>

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