cookie-ui

0.1.0 • Public • Published

vue components

npm npm npm

快速安装

### install 快速添加

npm install --save cookie-ui

### components

// 入口文件
import cookieUI from 'cookie-ui'
import 'cookie-ui/css/cookie-ui.css'
使用Vue.use()来注册该组件库
Vue.use(cookieUI)
// 二维码组件使用方法
<template>
  <div>
    <cookie-qr :config="config" :text="text"></cookie-qr>
  </div>
</template>
<script>
const config = {
  // 容错等级
  errorCorrectionLevel: 'H',
  // 图片类型
  type: 'image/png',
  rendererOpts: {
  quality: 0.3
  },
  // 边框与二维码之间的间距
  margin: 0,
  // 缩放倍数
  scale: 4,
  width: 500,
  maskPattern:1,
  color: {
  dark: '#000000',
  light : "#ffffff"
  },
  style: {
  width: '128px',
  border: '1px solid #ccc'
  }
}
export default {
  data() {
    return {
      text: 'https://example.com',
      config: config
    }
  }
}
</script> 
// 提供“QRCodeSrc”事件,该事件会返回生成二维码后的base64编码
<cookie-qr @QRCodeSrc="handler()"></cookie-qr>
handler(src){
  // src为生成二维码后的base64编码
  console.log(src)
}

使用单个功能

// 入口文件
import { cookieQr } from 'cookie-ui'
import 'cookie-ui/css/cookie-ui.css'
使用Vue.use()来注册该组件
Vue.use(cookieQr)

Component props

属性 类型 属性描述
config Object qrcode option
text String qrcode value

参考代码

"node-qrcode"

License

MIT

Readme

Keywords

Package Sidebar

Install

npm i cookie-ui

Weekly Downloads

2

Version

0.1.0

License

MIT

Unpacked Size

5.66 kB

Total Files

9

Last publish

Collaborators

  • js-mark