1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
| <template>
| <el-main>
| <el-row :gutter="15">
| <el-col :lg="8">
| <el-card shadow="never" header="常用">
| <sc-qr-code text="scui"></sc-qr-code>
| </el-card>
| </el-col>
| <el-col :lg="8">
| <el-card shadow="never" header="带Logo">
| <sc-qr-code text="scui" logo="img/logo.png"></sc-qr-code>
| </el-card>
| </el-col>
| <el-col :lg="8">
| <el-card shadow="never" header="自定义颜色大小">
| <sc-qr-code text="scui" :size="100" colorDark="#088200" colorLight="#fff"></sc-qr-code>
| </el-card>
| </el-col>
| <el-col :lg="8">
| <el-card shadow="never" header="动态">
| <sc-qr-code :text="qrcode"></sc-qr-code>
| <el-input v-model="qrcode" placeholder="Please input" style="margin-top: 20px;"/>
| </el-card>
| </el-col>
| </el-row>
| </el-main>
| </template>
|
| <script>
| export default {
| name: 'qrcode',
| data() {
| return {
| qrcode: "scui"
| }
| },
| mounted() {
|
| },
| methods: {
|
| }
| }
| </script>
|
| <style>
| </style>
|
|
