AiToyCXWx/pages/code.vue

<template>
	<view class="page" :style="{'min-height':h+'px', 'padding-top':mt+'px'}">
		<cus-header title='验证码' bgColor="transparent"></cus-header>
		<div class="box adffcacjc" :style="{'height':h-mt+'px'}">
			<p>请输入6为验证码</p>
			<text>验证码已发送至设备</text>
			<div class="inps adfacjb">
				<div class="pre adfacjc" v-for="(item,index) in 6" :key="index">
					<input type="text" @blur="toTurn">
				</div>
			</div>
		</div>
	</view>
</template>

<script>
	export default {
		data(){
			return {
				
			}
		},
		methods:{
			toTurn(){
				uni.navigateTo({
					url:'/pages/agentCreate'
				})
			}
		}
	}
</script>

<style scoped lang="less">
	.page{
		background: #F7F7F7;
		box-sizing: border-box;
		.box{
			width: 100%;
			height: 100vh;
			p{
				font-family: PingFang-SC, PingFang-SC;
				font-weight: bold;
				font-size: 40rpx;
				color: #111111;
				line-height: 56rpx;
			}
			text{
				font-family: PingFangSC, PingFang SC;
				font-weight: 400;
				font-size: 28rpx;
				color: rgba(17,17,17,0.4);
				line-height: 28rpx;
				margin-top: 24rpx;
			}
			.inps{
				width: calc(100% - 100rpx);
				margin: 80rpx 50rpx 0;
				.pre{
					width: calc(100% / 6 - 10rpx);
					height: 110rpx;
					background: #FFFFFF;
					border-radius: 16rpx;
					padding: 10rpx 20rpx;
					box-sizing: border-box;
					input{
						border: none;
					}
				}
			}
		}
	}
</style>