48 lines
971 B
Vue
48 lines
971 B
Vue
<template>
|
|
<el-main>
|
|
<el-row :gutter="15">
|
|
<el-col :lg="8">
|
|
<el-card shadow="never" header="常用">
|
|
<x-qr-code text="scui"></x-qr-code>
|
|
</el-card>
|
|
</el-col>
|
|
<el-col :lg="8">
|
|
<el-card shadow="never" header="带Logo">
|
|
<x-qr-code text="scui" logo="@/assets/img/logo.png"></x-qr-code>
|
|
</el-card>
|
|
</el-col>
|
|
<el-col :lg="8">
|
|
<el-card shadow="never" header="自定义颜色大小">
|
|
<x-qr-code text="scui" :size="100" colorDark="#088200" colorLight="#fff"></x-qr-code>
|
|
</el-card>
|
|
</el-col>
|
|
<el-col :lg="8">
|
|
<el-card shadow="never" header="动态">
|
|
<x-qr-code :text="qrcode"></x-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>
|