jiuyiUniapp/jiuyi2/components/mine/codeInput.vue

<script setup>
	/**
	 * code输入框
	 */
	import {
		ref,
		reactive,
		computed,
		getCurrentInstance,
	} from 'vue'
	const {
		proxy
	} = getCurrentInstance()
	// 
	const props = defineProps({
		modelValue: {
			type: String,
		}
	})
	// 
	const emit = defineEmits(['update:modelValue'])
</script>

<template>
	<view class="pwd rows mt50 ptb10 plr30">
		<view class="item fmid" v-for="(item,index) in 6" :key="index">
			<text v-if="modelValue[index] != null">●</text>
		</view>
	</view>
</template>

<style lang="scss" scoped>
	// 
	.pwd {

		.item {
			margin: 0 10rpx;
			width: 70rpx;
			height: 80rpx;
			background-color: #f4f4f4;
			border-radius: 10rpx;
		}
	}
</style>