# Gesture Password 手势密码
请扫码查看示例
# 介绍
手势密码
# 引入
APP内置组件,可直接使用cross-view标签。
# 代码演示
# 基本用法
通过设置 crossprops
和 type
属性,展示手势密码。
<text class="note">手势密码加密的结果是:{{showMsg}}</text>
<cross-view type="midea-gesture-password" onCallMethod="onCallMethod"></cross-view>
1
2
2
export default {
data: {
showMsg: '--'
},
onCallMethod(e) {
if (e.method == 'finish') {
this.showMsg = e.params.data
}
}
}
1
2
3
4
5
6
7
8
9
10
2
3
4
5
6
7
8
9
10
# Api
# Prop
字段 | 说明 | 类型 | 默认值 | 是否必须 |
---|---|---|---|---|
type | 原生组件类型 | String | midea-gesture-password | 是 |
# Events
名称 | 说明 | 回调参数 |
---|---|---|
onCallMethod | 原生回调成功触发 | {method, params} 附表1 |
# method回调方法(表1)
方法名称 | 说明 | 回调参数 |
---|---|---|
finish | 绘制完一次手势后触发 | 注1 |
注1
{
status: 0, //0 - 新手势; 1 - 与上次手势一样
data: xxx //手势加密数据
}
1
2
3
4
2
3
4