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) | Number | 160 |
bg-color | 二维码背景颜色 | String | #FFFFFF |
fg-color | 二维码颜色 | String | #000000 |
type | 渲染类型,可选 canvas ,img | String | img |