更新记录

1.0.2（2025-03-22） 下载此版本

修复*号显示

1.0.1（2025-03-22） 下载此版本

删掉组件内md文件中img图片不生效，减小文件大小，修复showPwd为true时还显示*星号

1.0.0（2025-03-22） 下载此版本

传入类型、是否明文、格子宽高、自定义样式、主题色、间距、最大长度

平台兼容性

uni-app

gbm-pwd

只实现了中间6个输入框格子，弹窗请配合uv-ui的popup组件

只实现了h5端使用，微信小程序未测试

缺点：写在uv-ui的popup里面时，如果是bottom弹出，那么输入法会盖住这个popup弹窗。所以我项目用了center弹出

使用方法

基础用法

<gbm-pwd ref="gbmPwd" :maxlength="6" color="#1b5585" @confirm="onPwdCompleted"></gbm-pwd>

import gbmPwd from '@/components/gbm-pwd/gbm-pwd.vue';

// 密码输入完成
onPwdCompleted(pwd) {
   console.log('onPwdCompleted', pwd);
}

属性值（标签传入）

Methods

// 案例
this.$nextTick(() => {
   this.$refs.gbmPwd.focus(); // 聚焦
});

this.$refs.gbmPwd.clear(); // 清空

event