center/dataease-dm
center/dataease-dm
13
0
Fork 0
forked from github/dataease
Code Pull Requests Activity

Merge pull request #3088 from dataease/pr@dev@style_login_qr_code

Browse Source 
style(登录): 登录页二维码切换回密码登录按钮样式
This commit is contained in:
fit2cloud-chenyw 2022-09-15 18:39:38 +08:00 committed by GitHub
commit e02f83a2b1
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 11 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
frontend/src/assets/xianshiqi-2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 422 B

BIN
frontend/src/assets/xianshiqi.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 428 B

12
frontend/src/views/login/index.vue
View File

@ -6,7 +6,7 @@
<div class="login-container">
<el-row v-loading="loading" type="flex">
<el-col :span="12">
<div v-show="qrTypes.length" class="trans" @click="showQr">
<div v-show="qrTypes.length" :class="codeShow ? 'trans-pc' : 'trans'" @click="showQr">
<div v-show="imgAppShow" class="imgApp" />
</div>
<el-form v-show="!codeShow" ref="loginForm" :model="loginForm" :rules="loginRules" size="default">
@ -486,6 +486,16 @@ export default {
// background-color: var(--primary,#3370ff); //图标优化 -- 换为白色线条图标 背景层添加背景色
cursor:pointer;
}
.trans-pc {
position: absolute;
left: calc(50% - 64px);
top: 0;
width: 64px;
height: 64px;
background-image: url(../../assets/xianshiqi.png) ;
background-color: var(--primary,#3370ff);
cursor:pointer;
}
.imgApp {
width: 64px;
height: 64px;