🎀 🌸

基于Web component的二维码组件

基于Web component的二维码组件

基于Web component的二维码组件

组件安装

npm run widget-qrcode

组件使用

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

属性说明

组件属性

属性 说明
价值 二维码内容
模板

样式模板,可选:’default’,’water’,’diamond’,’hexagon’,’star’,’rect’,’bar’,’heart’,’glitter’,’stroke’,’fusion’

水平 纠错等级,可选:’M’,’L’,’Q’,’H’
宽度 二维码宽度,默认:300
高度 二维码高度,默认:300
背景色 背景色,默认:#ffffff
前景色 前景色,默认:#000000;(多色用逗号分隔)
内色 定位点内层颜色,默认:#000000
outer-color (外部颜色) 定位点外层颜色,默认:#000000
背景图像 背景图片地址
foreground-image (前景图像) 前景图片地址
商标 logo图片地址
发短信 悬浮文本内容
文本颜色 悬浮文本颜色
文本描边

悬浮文本描边

演示地址

使用 Web URL 克隆

下载入口

温馨提示:本文最后更新于2025-04-25 18:00:11,某些文章具有时效性,若有错误或已失效,请在下方留言或联系站长
版权声明 1 本网站名称:Ti 博客
2 本站永久网址: https://www.gybky.com/
3 本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请联系站长 QQ3362357408进行删除处理。
4 本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。
5 本站一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报
6 本站资源大多存储在云盘,如发现链接失效,请联系我们我们会第一时间更新。
THE END
喜欢就支持一下吧😘😘😘
点赞14赞赏 分享
评论 抢沙发

请登录后发表评论

    请登录后查看评论内容