zhuchaowe/maxkb
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: improve layout and styling of QR code components and login card

Browse Source 
--bug=1059979 --user=王孝刚 【应用】应用开启登录认证，企业微信的登录二维码没有左右居中 https://www.tapd.cn/62980211/s/1749294
This commit is contained in:
wxg0103 2025-08-05 16:46:30 +08:00
parent 1d53b768ac
commit 81e9c596b7
4 changed files with 10 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
ui/src/views/chat/user-login/index.vue
View File

@ -48,7 +48,7 @@
<PasswordAuth></PasswordAuth> <PasswordAuth></PasswordAuth>
</el-card> </el-card>
<el-card class="login-card" v-else> <el-card class="login-card" v-else style="--el-card-padding: 0">
<h2 class="mb-24" v-if="!showQrCodeTab && (loginMode === 'LDAP' || loginMode === 'LOCAL')"> <h2 class="mb-24" v-if="!showQrCodeTab && (loginMode === 'LDAP' || loginMode === 'LOCAL')">
{{ loginMode == 'LOCAL' ? $t('views.login.title') : loginMode }} {{ loginMode == 'LOCAL' ? $t('views.login.title') : loginMode }}
</h2> </h2>

2
ui/src/views/chat/user-login/scanCompinents/QrCodeTab.vue
View File

@ -2,7 +2,7 @@
<el-tabs v-model="activeKey" @tab-change="selectTab"> <el-tabs v-model="activeKey" @tab-change="selectTab">
<template v-for="item in tabs" :key="item.key"> <template v-for="item in tabs" :key="item.key">
<el-tab-pane :label="item.value" :name="item.key"> <el-tab-pane :label="item.value" :name="item.key">
<div class="text-center mt-16" v-if="item.key === activeKey"> <div class="text-center" v-if="item.key === activeKey">
<component <component
:is="defineAsyncComponent(() => import(`./${item.key}QrCode.vue`))" :is="defineAsyncComponent(() => import(`./${item.key}QrCode.vue`))"
:config="config" :config="config"

6
ui/src/views/chat/user-login/scanCompinents/wecomQrCode.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<div id="wecom-qr" class="wecom-qr" style="margin-left: 50px"></div> <div id="wecom-qr" class="wecom-qr flex"></div>
</template> </template>
<script lang="ts" setup> <script lang="ts" setup>
@ -80,8 +80,10 @@ init()
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
.wecom-qr { #wecom-qr {
margin-top: -20px; margin-top: -20px;
height: 331px; height: 331px;
justify-content: center;
} }
</style> </style>

6
ui/src/views/login/scanCompinents/wecomQrCode.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<div id="wecom-qr" class="wecom-qr" style="margin-left: 50px"></div> <div id="wecom-qr" class="wecom-qr flex"></div>
</template> </template>
<script lang="ts" setup> <script lang="ts" setup>
@ -72,8 +72,10 @@ init()
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
.wecom-qr { #wecom-qr {
margin-top: -20px; margin-top: -20px;
height: 331px; height: 331px;
justify-content: center;
} }
</style> </style>