二维码（Qrcode）组件

本文将介绍二维码（Qrcode）组件的使用，二维码组件功能分【内容】及【样式】两块选项，用户根据自己的需求进行内容的编辑及样式的修改

一、内容

1、配置

1.1 显示内容

可以配置二维码扫描后的显示内容，支持配置静态文本数据或使用{{ }}动态数据

1.2 配置Icon

可以为二维码设置Icon，支持图片Url、Base64两种方式

1.3 二维码类型

可以设置二维码的渲染结果，支持svg、canvas两种类型

1.4 二维码状态

可以设置当前二维码的显示状态，支持激活、已过期、加载中、已扫描四种状态；

1.5 容错等级

可以设置当前二维码的容错等级，支持低、中、较高、高四种状态；

2、属性

2.1 提示

可以设置二维码的提示内容，支持配置静态文本数据或使用{{ }}动态数据

2.2 是否显示

点击旁边的JS图标可以自行编写代码，通过True/False来控制是否开启该功能

可以设置二维码组件在页面上是否可见

2.3 加载时显示动画

点击旁边的JS图标可以自行编写代码，通过True/False来控制是否开启该功能

可以设置二维码组件在数据加载渲染的时候是否显示动画效果

2.4 是否显示边框

点击旁边的JS图标可以自行编写代码，通过True/False来控制是否开启该功能

3、事件

3.1 onRefresh

点击旁边的JS图标可以自行编写代码

可以设置二维码过期，点击重新刷新时触发的事件动作

二、组件属性

2.1 isVisible

属性可以反应组件的可见状态，是True还是False，可以看下面的示例：

{{Qrcode1.isVisible}}

2.2 codeType

该属性可以反应二维码组件的类型，是svg还是canvas，可以看下面的示例：

{{Qrcode1.codeType}}

2.3 status

该属性可以反应二维码组件的状态，可以看下面的示例：

{{Qrcode1.status}}

2.4 errorLevel

该属性可以反应二维码组件的容错等级，可以看下面的示例：

{{Qrcode1.errorLevel}}

三、组件属性设置方法

3.1 setVisibility

该方法可以设置isVisible属性的值，可以看下面的示例：

{{Qrcode1.setVisibility(false)}}

3.2 setCodeType

该方法可以设置CodeType属性的值，可以看下面的示例：

{{Qrcode1.setCodeType("canvas")}}

3.3 setValue

该方法可以设置Value属性的值，可以看下面的示例：

{{Qrcode1.setValue("123")}}

3.4 setErrorLevel

该方法可以设置ErrorLevel属性的值，可以看下面的示例：

{{Qrcode1.setErrorLevel("Q")}}

3.5 setStatus

该方法可以设置Status属性的值，可以看下面的示例：

{{Qrcode1.setStatus("expired")}}

3.6 setIcon

该方法可以设置Icon属性的值，可以看下面的示例：

{{Qrcode1.setIcon("http://localhost:1266/static/img/pp-favicon.svg")}}