refactor: ♻️ 登录页面在手机端显示优化
This commit is contained in:
@@ -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;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user