wangqiao/front-pc
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

优化微信扫码登录组件UI及交互

Browse Source
This commit is contained in:
wangqiao
2025-10-14 22:15:46 +08:00
parent 58d3f2e890
commit 94f1828620
1 changed files with 6 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
components/wx.vue
View File

@ -1,8 +1,12 @@
<!-- 二维码弹窗 --> <!-- 二维码弹窗 -->
<template> <template>
<div> <div>
<el-dialog title="微信二维码登录" v-model="visible" width="30%" :close-on-click-modal="false" :close-on-press-escape="false" @before-close="close"> <el-dialog title="微信登录" v-model="visible" width="30%" :close-on-click-modal="false" :close-on-press-escape="false" @before-close="close">
<qrcode-vue :value="qrcode" :size="350" :margin="8" colorDark="#2c3e50" colorLight="#f8f9fa" errorCorrectionLevel="H" /> <qrcode-vue :value="qrcode" :size="300" :margin="2" colorDark="#2c3e50" colorLight="#f8f9fa" errorCorrectionLevel="H" />
<!-- 扫码状态 -->
<div class="text-center">
<span>请使用微信扫描二维码登录</span>
</div>
</el-dialog> </el-dialog>
</div> </div>
</template> </template>