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

QRcode 二维码

优质
小牛编辑
183浏览
2023-12-01

使用指南

组件介绍

长按可识别,可以自定义大小和颜色

引入方式

import { Qrcode } from 'feart';

components: {
  'fe-qrcode': Qrcode
}

代码演示

基础用法

默认类型为 img ,可长按识别。类型为 canvas 时,仅展示使用。

<fe-qrcode value="https://nuofe.nntest.cn/feart/"></fe-qrcode>

<fe-qrcode value="https://nuofe.nntest.cn/feart/" type="canvas"></fe-qrcode>

自定义大小

<fe-qrcode value="https://nuofe.nntest.cn/feart/" :size="240"></fe-qrcode>

自定义颜色

<fe-qrcode value="https://nuofe.nntest.cn/feart/" fg-color="#ff0000" bg-color="#cccccc"></fe-qrcode>

API

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