refactor: ♻️ 登录页面在手机端显示优化

This commit is contained in:
Ray.Hao
2024-12-31 22:39:51 +08:00
parent 09fe738a8c
commit 7c4c8acdeb

View File

@@ -138,9 +138,7 @@
<div class="login-footer"> <div class="login-footer">
<el-text size="small"> <el-text size="small">
Copyright © 2021 - 2024 youlai.tech All Rights Reserved. Copyright © 2021 - 2024 youlai.tech All Rights Reserved.
<el-link :underline="false" href="http://beian.miit.gov.cn/" target="_blank"> <a href="http://beian.miit.gov.cn/" target="_blank">皖ICP备20006496号-2</a>
皖ICP备20006496号-2
</el-link>
</el-text> </el-text>
</div> </div>
</div> </div>
@@ -299,6 +297,7 @@ onMounted(() => {
justify-content: center; justify-content: center;
width: 100%; width: 100%;
height: 100%; height: 100%;
padding: 20px;
overflow-y: auto; overflow-y: auto;
background: url("@/assets/images/login-bg.jpg") no-repeat center right; background: url("@/assets/images/login-bg.jpg") no-repeat center right;
@@ -336,7 +335,7 @@ onMounted(() => {
@media (width <= 460px) { @media (width <= 460px) {
width: 100%; width: 100%;
padding: 0 20px; padding: 20px;
} }
.form-title { .form-title {
@@ -378,9 +377,10 @@ onMounted(() => {
} }
.login-footer { .login-footer {
position: absolute; position: fixed;
bottom: 0; bottom: 0;
width: 100%; width: 100%;
padding: 10px 0;
text-align: center; text-align: center;
} }
} }