QRCode 二维码

QRCode 二维码

何时使用

  • 需要生成二维码时。

基础用法

<script setup lang="ts">
import { QRCode } from "@reglow/reui";
</script>

<template>
  <QRCode value="https://example.com/" />

  <!-- 带 Logo -->
  <QRCode error-level="H" value="https://example.com/" icon="/logo.png" :icon-size="40" />

  <!-- SVG 渲染 / 自定义尺寸 -->
  <QRCode type="svg" :size="200" value="https://example.com/" />
</template>

导入

import { QRCode } from "@reglow/reui";

Props

属性类型默认值说明
valuestring-二维码内容
type"canvas" | "svg""canvas"渲染方式
sizenumber-尺寸(px)
errorLevel"L" | "M" | "Q" | "H""M"容错级别
iconstring-中心 Logo 地址
iconSizenumber-Logo 尺寸

国际化

过期、已扫描、点击刷新等状态文案默认跟随全局语言(zh-CN / zh-TW / en-US)。