当前位置: 首页 > 文档资料 > Feui 中文文档 >

QRcode 二维码

优质
小牛编辑
186浏览
2023-12-01
import { Qrcode } from 'feui';
components: {
  [Qrcode.name]: Qrcode
}

代码演示

基础用法

<fe-qrcode value="https://feui.gitee.io"></fe-qrcode>

二维码尺寸 200px

<fe-qrcode value="https://feui.gitee.io" :size="200"></fe-qrcode>

canvas类型

<fe-qrcode value="https://feui.gitee.io" type="canvas"></fe-qrcode>

二维码颜色 红色

<fe-qrcode value="https://feui.gitee.io" fg-color="#ff0000"></fe-qrcode>

二维码背景颜色 灰色

<fe-qrcode value="https://feui.gitee.io" fg-color="#cccccc"></fe-qrcode>

API

参数说明类型默认值可选值
value编码内容,如果为链接,请保证有http(s)协议名String--
size二维码尺寸Number160像素(px)
bg-color二维码背景颜色String#FFFFFF-
fg-color二维码颜色String#000000-
type渲染类型Stringimgcanvas,img
-----