二维码生成 qrcode uts

插件 ID: 22114
来源: https://ext.dcloud.net.cn/plugin?id=22114
android/ios/web 通过平台sdk 生成二维码返回base64格式数据，可自行设置显示，动态二维码

---

更新记录

                                                    1.0.2（2025-03-04）

优化

                                                    1.0.1（2025-02-10）

初始化

平台兼容性

uni-app(4.06)

| Vue2 | Vue3 | Chrome | Safari | app-vue | app-nvue | Android | iOS | 鸿蒙 | | |

• |
• |
• |
• | √ | √ | 5.0 | √ |
• | | | 微信小程序 | 支付宝小程序 | 抖音小程序 | 百度小程序 | 快手小程序 | 京东小程序 | 鸿蒙元服务 | QQ小程序 | 飞书小程序 | 小红书小程序 | 快应用-华为 | 快应用-联盟 | | |
• |
• |
• |
• |
• |
• |
• |
• |
• |
• |
• |
• | |

uni-app x(4.06)

| Chrome | Safari | Android | iOS | 鸿蒙 | 微信小程序 | | | √ | √ | 5.0 | √ |

• | √ | |

xtf-qrcode

若web 端报错，可用解压插件目录web.zip覆盖web文件夹文件

uniappx

    import {QrOpt,getQrData} from "@/uni_modules/xtf-qrcode"
    getQrData({
        content:"xtf",
        logo:"/static/logo.png",
        logoW:80,
        logoH:80,
        qrSize:300,
        callback:function(data:string){
            //  that.img=data;
            //data 为base64图片
        }
    } as QrOpt);

uniapp

    import {getQrData} from "@/uni_modules/xtf-qrcode"
    getQrData({
        content:"xtf",
        logo:"/static/logo.png",
        logoW:80,
        logoH:80,
        qrSize:300,
        callback:function(data){
            //  that.img=data;
            //data 为base64图片
        }
    });

二维码logo 宽高 建议为二维码大小的1/5 左右

开发文档

UTS 语法UTS API插件UTS uni-app兼容模式组件UTS 标准模式组件Hello UTS