WebApp【公共组件库】@前端(For Git Submodule)
edit | blame | history | raw

二维码组件

组件名称

CQRCode - 用于生成和展示二维码的组件

组件说明

该组件用于在页面中生成二维码,支持在H5环境下保存二维码图片。

使用方法

<CQRCode 
  content="https://example.com" 
  :size="200" 
  :margin="2"
  :downloadable="true"
/>

属性说明

属性名 类型 默认值 说明
content String 'http://www.aisim.cn' 二维码内容,通常为URL地址
size Number 200 二维码尺寸,单位为像素
margin Number 2 二维码边距大小
downloadable Boolean false 是否显示"保存到手机"按钮

方法说明

组件无对外暴露的方法

使用示例

<!-- 简单用法 -->
<CQRCode content="https://www.example.com" />

<!-- 带保存按钮的用法 -->
<CQRCode 
  content="https://www.example.com" 
  :size="300"
  :margin="4"
  :downloadable="true"
/>

注意事项

  1. 目前在H5环境中支持保存二维码图片到本地
  2. 小程序环境下的保存功能尚未实现