<template>
	<view class="">
		<navigation :showBack="true" :bgnum="false">
			<text class="big_title">
			Enter Password
			</text>
		</navigation>
		<view class="main">
	<view class="title">
		Enter Password
	</view>
		
		<u-message-input  inactive-color="#E0E5F2"  active-color="#5B53FF" :width="94" :maxlength="6" mode="box"  :dot-fill="true"></u-message-input>
		
		
	</view>
	
	<view class="main" v-if="false">
			<view class="big_title">
			Set new password
			</view>
	<view class="title">
		Secure transaction passwords, please do not disclose
	</view>
		
		<u-message-input  inactive-color="#E0E5F2"  active-color="#5B53FF" :width="94" :maxlength="6" mode="box"  :dot-fill="true"></u-message-input>
		
		
	</view>
	
	
		</view>
</view>



</template>

<script>
	import cont from "@/components/navigation/navigation.vue"
	export default {
		data() {
			return {
	   msg:'',
	        msgLength:0,
			fes:false,
			borNum:true,
			}
		},
		 watch:{
		      msg(curVal){
		        if(/[^\d]/g.test(curVal)){
		          this.msg = this.msg.replace(/[^\d]/g,'');
		        }else{
		            this.msgLength = curVal.length;
		        }
		      },
		    },
		
		methods: {
        focuss(){
                 this.fes=true;
             },
		}
	};
</script>
<style scoped>

</style>

<style>
	@import './index.css';
</style>
