<script type="text/javascript">
    export default {
        data(){
            return {
                tipslist:["有效期：2016-10-01 上午 10:00","请收藏或下载该二维码便于后续","查看课程信息"]
            }
        }
    }
</script>
# Qrcode

:::demo
```html
 <qrcode
      :text="'https://github.com/https://github.com/https://github.com/https://github.com/https://github.com/https://github.com/'"
      :size="200"
      :logo="'http://imgsrc.baidu.com/forum/pic/item/c1e45143fbf2b211744513a7c28065380ed78ec9.jpg'"
      :logo-size="50" :tips="tipslist"
      :correct-level="2"
      :padding="10"
      >
    </qrcode>
```
```javaScript
    <script type="text/javascript">
    export default {
        data(){
            return {
                tipslist:["有效期：2016-10-01 上午 10:00","请收藏或下载该二维码便于后续","查看课程信息"]
            }
        }
    }
</script>

```
:::


### Qrcode Attributes
| 参数      | 说明          | 类型      | 可选值       | 默认值  |
|---------- |------------- |---------------|------------  |-------- |
| tag | 标签 | `String` | — | `div` |
| text | 需要转码的内容 | `String` | — | — |
| size | 图片大小 | `Number` | — | `256` |
| colorLight | 二维码颜色 | `String` | — | `black` |
| colorDark | 背景颜色 | `String` | — | `white` |
| logo | logo图片地址 | `String` | — | — |
| logoSize | logo图片大小 | `Number` | — | — |
| tips | 提示文字 | `Array` | — | — |
| fontSize | 提示文字字体大小 | `Number` | — | `18` |
| correctLevel | 容错级别 | `Number` | 0,1,2,3 | `2` |
| padding | 边距 | `Number` | — | — |