# 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