From b445789b2ed0ab3b70291ff0bebc09c73aac7207 Mon Sep 17 00:00:00 2001 From: ZZJ <zzjdsg2300@163.com> Date: 星期四, 16 十二月 2021 10:04:04 +0800 Subject: [PATCH] 自适应 --- src/pages/login/App.vue | 34 ++++++++++++++++++++-------------- 1 files changed, 20 insertions(+), 14 deletions(-) diff --git a/src/pages/login/App.vue b/src/pages/login/App.vue index e623efb..b752383 100644 --- a/src/pages/login/App.vue +++ b/src/pages/login/App.vue @@ -332,15 +332,15 @@ body, .login { height: 100%; - min-width: 1646px; - min-height: 811px; + min-width: 1200px; + min-height: 680px; position: relative; background-image: url("/apps/loginData/background.png"); .title { position: absolute; - top: 345px; - left: 301px; + top: 40%; + left: 15.6%; color: #fff; text-align: center; @@ -359,7 +359,7 @@ display: flex; justify-content: start; align-items: center; - left: 358px; + left: 18.6%; bottom: 40px; .logo { @@ -376,10 +376,10 @@ .login-form { position: absolute; - width: 780px; - height: 1000px; - right: 40px; - top: 40px; + width: 40%; + height: 92.5%; + right: 3.75%; + top: 3.75%; padding: 0 90px; box-sizing: border-box; @@ -387,10 +387,16 @@ opacity: 0.95; box-shadow: -4px 0px 10px rgba(0, 0, 0, 0.25); border-radius: 56px; + overflow: hidden; .logo { - margin-top: 100px; - margin-bottom: 16px; + width: 100%; + margin-top: 13%; + margin-bottom: 20px; + } + + .el-form { + width: 100%; } .el-form-item { @@ -398,12 +404,12 @@ } .el-form-item:nth-child(2) { - margin-top: 60px; - margin-bottom: 80px; + margin-top: 10%; + margin-bottom: 13%; } .el-button { - width: 600px; + width: 100%; height: 60px; background: #4e94ff; border-radius: 30px; -- Gitblit v1.8.0