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