1.1.2 • Published 6 years ago

katoto_qrcode v1.1.2

Weekly downloads
3
License
ISC
Repository
github
Last release
6 years ago

katoto_qrcode

基于qrcodejs的npm包,进行了简易封装,支持多个二维码展示。

使用方法

  • 安装
npm install --save katoto_qrcode
  • 使用 components方式引入
<template>
  <div id="app">
    <katotoQrcode :qrWidth="200" :codeMsg="codeMsg"> </katotoQrcode>
  </div>
</template>
<script>
import katotoQrcode from 'katoto_qrcode'
export default {
  components: {
    katotoQrcode
  },
  data(){
    return{
      codeMsg: ['1', '2', '3']
    }
  }
}
</script>

参数列表

参数名类型默认值说明
qrWidthNumber200二维码的图像宽度
qrHeightNumber200二维码的图像高度
colorDarkString#000000二维码前景色
colorLightString#ffffff二维码背景色
codeMsgString | Array123二维码数据,如果传入的是数组,就展示多个二维码
scanMarginString | Number20二维码边角的间距, 写0就不展示边角样式

效果图

效果图

参考

qrcode.js

demopage是目录测试目录

1.1.2

6 years ago

1.1.1

6 years ago

1.1.0

6 years ago

1.0.6

6 years ago

1.0.2

6 years ago

1.0.1

6 years ago

1.0.0

6 years ago