更新记录
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元'
查看更多
平台兼容性
uni-app
app-vue |
app-nvue |
app-android |
app-ios |
app-harmony |
? |
? |
? |
? |
? |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
? |
? |
? |
? |
? |
? |
? |
? |
? |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
? |
? |
? |
? |
? |
? |
? |
? |
? |
uni-app x
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
? |
? |
? |
? |
? |
? |
? |
? |
? |
使用方式
全局引入 -> 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