安装

npm i @rtdui/qr-code

tip: 记得安装@rtdui/hooks和@rtdui/core配对依赖, 如果还未安装的话.

使用

生成二维码组件.

QRCode支持四级纠错级别: L,M,Q,H, 分别对应: 低,中,高,超高. 默认为M

纠错级别越高生成图像越复杂, 但具有较高的纠错能力, 因此中心可被遮挡的部分也就越大.

160

简单的客户端边下载二维码的例子

属性名	类型	是否必须	默认值	说明
bgColor	string \| undefined	no	"#fff"	背景色
fgColor	string \| undefined	no	"#000"	二维码颜色
icon	string \| undefined	no		二维码中图片的地址（目前只支持图片地址）
iconSize	number \| undefined	no	40	二维码中图片的大小
imageSettings	ImageSettings \| undefined	no
includeMargin	boolean \| undefined	no
level	"L" \| "M" \| "Q" \| "H" \| undefined	no	"M"	纠错级别
onRefresh	(() => void) \| undefined	no	() => void	expired状态时点击"点击刷新"的回调
size	number \| undefined	no	160	二维码的大小
slots	{ qr?: string \| undefined; } \| undefined	no
value	string	yes		扫描后的文本