更新记录

1.0.5（2020-06-19）

1.添加mix参数，控制数字键盘是否混淆

2.优化组件样式，兼容更多版本手机型号

1.0.4（2020-06-08）

1.优化已知样式bug问题

2.修复已知密码第一次输入无反应现象

1.0.2（2020-05-23）

1.优化最后一排按钮显示

2.添加show_subTitle值,绑定是否显示'付款XX元'

平台兼容性

使用方式

全局引入 -> main.js

import keyWords from "@/components/bian-keywords/index.vue"
Vue.component('key-words', keyWords)

部分引入 ->

import keyWords from "@/components/bian-keywords/index.vue"
export default {
    components: {
      keyWords
    }
}

<key-words :mix="true" :show_key="show_key" :price="maqAllPrice" @closeFuc="closeFuc" @getPassword="getPassword"></key-words>

注意：兼容HBuilderX2.7.9以上V3模式，需要在app.vue的style里面引入iconfont.css

<script>

</script>

<style lang='scss'>
    @import url("./components/bian-keywords/static/iconfont/iconfont.css");
</style>

属性说明

方法说明

关闭组件

closeFuc () {
    this.show_key = false;
},

打开组件

this.show_key = true;

密码输入完成回调

getPassword (msg) {
    //msg:密码   例如:{msg:123456}
    this.XXX(msg);  //密码输入完需要执行的方法
},

联系方式:QQ:407955981