基于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 | 悬浮文本描边 |