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

feat(frontend):登录页UI调整

Browse Source
This commit is contained in:
junjie 2021-05-26 11:59:28 +08:00
parent af6dd2557b
commit c1b20e0f9f
2 changed files with 12 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
frontend/src/styles/variables.scss
View File

@ -39,6 +39,7 @@ $menuHover: rgba(158, 158, 158, 0.2);
$subMenuBg:#1f2d3d; $subMenuBg:#1f2d3d;
// $subMenuHover:#001528; // $subMenuHover:#001528;
$subMenuHover:#0a7be0; $subMenuHover:#0a7be0;
$colorBg:rgba(10,123,224,.1);
$sideBarWidth: 210px; $sideBarWidth: 210px;
$topBarHeight: 56px; $topBarHeight: 56px;

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

@ -8,7 +8,6 @@
<img v-if="!loginLogoUrl" src="@/assets/DataEase-color.png" alt=""> <img v-if="!loginLogoUrl" src="@/assets/DataEase-color.png" alt="">
<img v-else :src="loginLogoUrl" alt=""> <img v-else :src="loginLogoUrl" alt="">
</div> </div>
<div class="login-border" />
<div class="login-welcome"> <div class="login-welcome">
{{ $t('login.welcome') + (uiInfo && uiInfo['ui.title'] && uiInfo['ui.title'].paramValue || 'DATAEASE') }} {{ $t('login.welcome') + (uiInfo && uiInfo['ui.title'] && uiInfo['ui.title'].paramValue || 'DATAEASE') }}
</div> </div>
@ -180,9 +179,11 @@ export default {
@media only screen and (max-width: 1280px) { @media only screen and (max-width: 1280px) {
margin-top: 20px; margin-top: 20px;
} }
img{
img { width: 240px;
height: 45px; @media only screen and (max-width: 1280px) {
width: 200px;
}
} }
} }
@ -210,9 +211,9 @@ export default {
} }
.login-welcome { .login-welcome {
margin-top: 50px; margin-top: 20px;
font-size: 14px; font-size: 14px;
color: #999999; color: $--color-primary;
letter-spacing: 0; letter-spacing: 0;
line-height: 18px; line-height: 18px;
text-align: center; text-align: center;
@ -222,17 +223,17 @@ export default {
} }
.login-form { .login-form {
margin-top: 40px; margin-top: 80px;
padding: 0 40px; padding: 0 40px;
@media only screen and (max-width: 1280px) { @media only screen and (max-width: 1280px) {
margin-top: 20px; margin-top: 40px;
} }
& ::v-deep .el-input__inner { & ::v-deep .el-input__inner {
border-radius: 20px; border-radius: 20px;
border: 1px solid transparent; border: 1px solid transparent;
background: rgba(10,123,224,.1); background: $colorBg;
} }
& :focus { & :focus {
border: 1px solid $--color-primary; border: 1px solid $--color-primary;
@ -240,7 +241,7 @@ export default {
} }
.login-btn { .login-btn {
margin-top: 40px; margin-top: 22px;
padding: 0 40px; padding: 0 40px;
@media only screen and (max-width: 1280px) { @media only screen and (max-width: 1280px) {
margin-top: 20px; margin-top: 20px;