jiuyiUniapp/jiuyi2/components/mine/codeInput.vue

44 lines
704 B
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">{{modelValue[index]}}</text>
</view>
</view>
</template>
<style lang="scss" scoped>
//
.pwd {
.item {
margin: 0 10rpx;
width: 70rpx;
height: 80rpx;
background-color: #f4f4f4;
border-radius: 10rpx;
}
}
</style>