更新记录
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>
属性说明
属性名 | 类型 | 默认值 | 说明 |
---|---|---|---|
show_key | Boolean | true:显示/false:隐藏 | |
maqAllPrice | Number | 要显示的价格 | |
closeFuc | function | 关闭组件方法 | |
getPassword | function | 密码输入完成回调 | |
show_subTitle | Boolean | true | true:显示'付款XX元';false:不显示'付款XX元' |
mix | Boolean | false | false:键盘混淆模式;true:正常模式 |
方法说明
关闭组件
closeFuc () {
this.show_key = false;
},
打开组件
this.show_key = true;
密码输入完成回调
getPassword (msg) {
//msg:密码 例如:{msg:123456}
this.XXX(msg); //密码输入完需要执行的方法
},
联系方式:QQ:407955981