更新记录

1.0.0（2026-06-12） 下载此版本

显示二维码。

平台兼容性

uni-app(5.07)

uni-app x(5.07)

jx-qrcode 二维码组件

基于SVG+Base64的UniApp二维码组件，完全跨平台兼容。

核心特性

• ✅ 统一渲染：SVG生成 → Base64编码 → Image显示
• ✅ 全平台兼容：H5、小程序、App 无差别支持
• ✅ 零依赖：无需额外Canvas或复杂逻辑
• ✅ 高性能：原生Image组件渲染，速度快
• ✅ 易使用：简洁API，开箱即用

快速使用

<template>
  <jx-qrcode 
    text="https://www.example.com" 
    :size="200"
    foreground-color="#000000"
    background-color="#ffffff"
  ></jx-qrcode>
</template>

<script>
import jxQrcode from '@/uni_modules/jx-qrcode/components/jx-qrcode/jx-qrcode.vue';

export default {
  components: { jxQrcode }
}
</script>

Props 参数

Events 事件

技术优势

采用SVG+Base64+Image方案：

• 避免v-html兼容性问题
• 统一所有平台渲染方式
• Image组件原生优化
• 代码简洁易维护

兼容性

✅ 所有UniApp支持的平台 ✅ 微信/支付宝小程序 ✅ H5浏览器 ✅ iOS/Android App