基于Web component的二维码组件

演示地址

https://passer-by.com/widget-qrcode/

组件安装

npm run widget-qrcode

组件使用

<widget-qrcode value="https://passer-by.com/"></widget-qrcode>

属性说明

组件属性

属性	说明
value	二维码内容
template	样式模板,可选：'default','water','diamond','hexagon','star','rect','bar','heart','glitter','stroke','fusion'
level	纠错等级,可选：'M','L','Q','H'
width	二维码宽度，默认：300
height	二维码高度，默认：300
background-color	背景色，默认：#ffffff
foreground-color	前景色，默认：#000000;（多色用逗号分隔）
inner-color	定位点内层颜色，默认：#000000
outer-color	定位点外层颜色，默认：#000000
background-image	背景图片地址
foreground-image	前景图片地址
logo	logo图片地址
text	悬浮文本内容
text-color	悬浮文本颜色
text-stroke	悬浮文本描边