xiongmao/pages/login/enter-code/enter-code.vue

<!-- 输入验证码 -->
<template>
	<view class="wrap">
		<view class="title-row">
			<view>输入验证码</view>
			<view>验证码已发送至1865393352</view>
		</view>
		<view class="code-box">
			<u-code-input v-model="value2" :maxlength="4" hairline="true" borderColor="#9D9D9D" mode="line"></u-code-input>
		</view>
		<view class="input-box">
		<!-- 	<text v-for="(item, index) in '123456'" :key="index"
				:class="params.payPassword.length - 1 >= index ? 'active' : ''"></text>
			<input type="number" maxlength="6" :value="params.payPassword" @input="inputChange($event, 'payPassword')"
				data-key="password" /> -->
		</view>
		<view class="msg">59秒后重新获取验证码</view>
	</view>
</template>
<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
		
		}
	}
</script>

<style scoped lang="scss">
	@import "./enter-code.css";
</style>