On this page

fz-qrcode

基础使用

</>

带 Icon 的二维码

</>

不同状态

</>

自定义颜色

通过设置 fgColor 自定义二维码颜色。通过 bgColor设置二维码背景色。

</>

自定义尺寸

通过设置 size 自定义尺寸。

</>

纠错比例

通过设置 level 调整不同的容错等级。

</>

API

参数	说明	类型	默认值
`value`	扫描后的地址	string	-
`size`	二维码大小	number、string	148
`bordered`	是否有边框	boolean	true
`fgColor`	二维码颜色	string	#000
`bgColor`	二维码背景颜色	string	transparent
`level`	纠错等级	`L` `M` `Q` `H`	L
`status`	状态	`active` `loading` `expired`	active
`marginSize`	二维码外边距	number、string	-
`imageSettings`	二维码中图片	参考下方 `imageSettings`	-

imageSettings

参数	说明	类型	默认值
`src`	二维码中图片的地址（目前只支持图片地址）	string	-
`width`	图片宽度	number、string	25
`height`	图片高度	boolean	25
`x`	距离 x 轴距离	number、string	-
`y`	距离 y 轴距离	number、string	-
`y`	距离 y 轴距离	number、string	-
`excavate`	图片是否透明	boolean	false

事件

名称	说明	回调参数	版本
`refresh`	点击"点击刷新"的回调	`() => void`	-