Skip to content

二维码组件 - 二维码插件/二维码美化/二维码库/二维码图片/QRCode tool/QRCode WebCompotent/QRCode Beautify

License

Notifications You must be signed in to change notification settings

mumuy/widget-qrcode

Folders and files

NameName
Last commit message
Last commit date

Latest commit

710cce5 · Apr 17, 2025

History

45 Commits
Feb 28, 2025
Feb 28, 2025
Dec 27, 2024
May 15, 2024
May 15, 2024
May 15, 2024
Apr 17, 2025
May 15, 2024
May 30, 2024
Aug 12, 2024
Nov 11, 2024
Nov 11, 2024
Nov 11, 2024

Repository files navigation

基于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前景图片地址
logologo图片地址
text悬浮文本内容
text-color悬浮文本颜色
text-stroke悬浮文本描边

About

二维码组件 - 二维码插件/二维码美化/二维码库/二维码图片/QRCode tool/QRCode WebCompotent/QRCode Beautify

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published