二维码

更新时间:2025-01-09 09:59:00

简介

二维码组件用于生成、读取和操作二维码的软件模块,可广泛应用于各种场景。

image

配置项

分类

配置

示例

说明

分类

配置

示例

说明

内容

文本

image

扫描二维码的展示信息。注意:内容过多时,二维码图标、纠错等级、二维码颜色和背景色对比度都会影响识别率。

二维码图标

image

二维码图标的三种模式。一般展示在二维码中间。

URL

image

当二维码图标来源为 URL 时生效,值为图标的链接。

系统文件

image

当二维码图标来源为系统文件时生效,可以选择在内置资源文件中上传的图标,也可以点击下方选框直接上传。

内存对象

image

当二维码图标来源为内存对象时生效,可以与上传组件关联使用,例如:upload1.values?.[0],用于一些不需要发生实际上传行为的场景。

纠错等级

image

二维码的纠错等级是指二维码在受损或部分不可读的情况下,依然能够被成功扫描和解码的能力。主要定义了四个纠错等级:

  1. L 级:允许最多 7% 的二维码数据被损坏或遮挡。

  2. M 级:允许最多 15% 的数据损坏,适用性较广。

  3. Q 级:允许最多 25% 数据损坏,提供更高的容错能力。

  4. H 级:允许最多 30% 的数据损坏,适用于极端环境或在强烈干扰情况下使用。

状态

image

显示当前二维码组件的状态。不同状态的键值对应关系:

  • 激活态 -> active

  • 过期态 -> expired

  • 加载态 -> loading

  • 扫描态 -> scanned

交互

隐藏

image

控制二维码组件的默认展示状态,为true 时将隐藏组件。详情参见通用属性

样式

外边距

image

详情参见通用属性

是否展示边框

image

二维码外层是否展示边框

CSS 样式

二维码颜色

image

二维码部分的颜色

二维码背景颜色

image

二维码背景颜色

属性与方法

名称

类型

示例

说明

名称

类型

示例

说明

value

string

qRCode1.value

当前二维码组件的扫描文本。

status

string

qRCode1.status

当前二维码组件的状态。

src

string

qRCode1.src

只读,二维码图标链接

file

object

qRCode1.file

只读,二维码图标文件资源

image

string

qRCode1.image

只读,二维码转化为图片的数据

setValue

func

qRCode1.setValue('二维码文本')

设置二维码内容为二维码文本

clearValue

func

qRCode1.clearValue()

清除二维码内容

setStatus

func

qRCode1.setStatus('active')

设置二维码状态为激活

clearStatus

func

qRCode1.clearStatus()

清除二维码状态

download

func

qRCode1.download()

下载二维码图片

事件回调

配置

说明

配置

说明

image

当点击刷新时将触发的事件

  • 本页导读
  • 简介
  • 配置项
  • 属性与方法
  • 事件回调
AI助理

点击开启售前

在线咨询服务

你好,我是AI助理

可以解答问题、推荐解决方案等