EtQrcode example:

```vue
<template>
  <el-row>
    <el-col :span="8">
      <el-card class="box-card">
        <div slot="header" class="clearfix">
          <span>基础示例</span>
        </div>
        <EtQrcode :value="qrCodeUrl" />
      </el-card>
    </el-col>
    <el-col :span="8">
      <el-card class="box-card">
        <div slot="header" class="clearfix">
          <span>渲染成img标签示例</span>
        </div>
        <EtQrcode :value="qrCodeUrl" tag="img" />
      </el-card>
    </el-col>
    <el-col :span="8">
      <el-card class="box-card">
        <div slot="header" class="clearfix">
          <span>配置样式示例</span>
        </div>
        <EtQrcode
          :value="qrCodeUrl"
          :options="{
            color: { dark: '#55D187' },
          }"
        />
      </el-card>
    </el-col>
    <el-col :span="8">
      <el-card class="box-card">
        <div slot="header" class="clearfix">
          <span>本地logo示例</span>
        </div>
        <EtQrcode :value="qrCodeUrl" :logo="LogoImg" />
      </el-card>
    </el-col>
    <el-col :span="8">
      <el-card class="box-card">
        <div slot="header" class="clearfix">
          <span>在线logo示例</span>
        </div>
        <EtQrcode
          :value="qrCodeUrl"
          logo="https://vebn.oss-cn-beijing.aliyuncs.com/vben/logo.png"
          :options="{
            color: { dark: '#55D187' },
          }"
        />
      </el-card>
    </el-col>
    <el-col :span="8">
      <el-card class="box-card">
        <div slot="header" class="clearfix">
          <span>logo配置示例</span>
        </div>
        <EtQrcode
          :value="qrCodeUrl"
          :logo="{
            src: 'https://vebn.oss-cn-beijing.aliyuncs.com/vben/logo.png',
            logoSize: 0.2,
            borderSize: 0.05,
            borderRadius: 50,
            bgColor: 'blue',
          }"
        />
      </el-card>
    </el-col>
    <el-col :span="8">
      <el-card class="box-card">
        <div slot="header" class="clearfix">
          <span>下载示例</span>
          <el-button style="float: right; padding: 3px 0" type="text" @click="download">下载</el-button>
        </div>
        <EtQrcode :value="qrCodeUrl" ref="qrRef" :logo="LogoImg" />
        <p>(在线logo会导致图片跨域，需要下载图片需要自行解决跨域问题)</p>
      </el-card>
    </el-col>
    <el-col :span="8">
      <el-card class="box-card">
        <div slot="header" class="clearfix">
          <span>配置大小示例</span>
        </div>
        <EtQrcode :value="qrCodeUrl" :width="200" />
      </el-card>
    </el-col>
  </el-row>
</template>

<script>
import LogoImg from './assets/logo.png'

export default {
  data() {
    return {
      qrCodeUrl: 'https://www.vvbin.cn',
      LogoImg,
    }
  },

  methods: {
    download() {
      if (!this.$refs.qrRef) return
      this.$refs.qrRef.download('文件名')
    },
  },
}
</script>
<style lang="scss">
.box-card {
  height: 300px;
  margin: 10px;
}
</style>
```