From f1f40e9a28fafab5d884630b8900b11060ebe9fc Mon Sep 17 00:00:00 2001 From: 马宇豪 <978517621@qq.com> Date: 星期二, 31 十月 2023 08:53:35 +0800 Subject: [PATCH] 修改 --- src/views/loginPage/loginPage.vue | 66 ++++++++++++++++++++++++-------- 1 files changed, 49 insertions(+), 17 deletions(-) diff --git a/src/views/loginPage/loginPage.vue b/src/views/loginPage/loginPage.vue index bd95625..0fa360d 100644 --- a/src/views/loginPage/loginPage.vue +++ b/src/views/loginPage/loginPage.vue @@ -2,7 +2,7 @@ <div class="login-container"> <div class="loginContent"> <div class="loginPanel"> - <div class="welcc">科学研究实验风险评估系统</div> + <div class="welcc">科学研究实验安全风险评估系统</div> <div class="loginGroup"> <div class="loginPic"> <img src="../../assets/loginPage/login-pic.png"> @@ -15,7 +15,7 @@ </div> </div> </div> - <div class="rights">技术支持:苏州国科鸿宇智能科技有限公司<br/><span>GTXH Intelligent Security Management System V1.0.1</span></div> +<!-- <div class="rights">技术支持:苏州国科鸿宇智能科技有限公司<br/><span>GTXH Intelligent Security Management System V1.0.1</span></div>--> </div> </template> @@ -63,18 +63,60 @@ </script> <style scoped lang="scss"> - @media screen and (min-width: 1200px){ + @media screen and (min-width: 1366px){ .loginContent{ display: flex; justify-content: space-around; padding: 0 200px; } + .loginPic{ + width: 55%; + height: 100%; + position: relative; + + img{ + width: 103%; + height: auto; + position: absolute; + bottom: -180px; + right: 15%; + margin-top: 40px; + } + } } - @media screen and (min-width: 960px) and (max-width: 1200px){ + @media screen and (min-width: 1024px) and (max-width: 1366px){ + .loginPic{ + width: 55%; + height: 100%; + position: relative; + + img{ + width: 103%; + height: auto; + position: absolute; + bottom: -80px; + right: 0; + } + } + } + @media screen and (min-width: 960px) and (max-width: 1024px){ .loginContent{ display: flex; justify-content: space-between; padding: 0 40px; + } + .loginPic{ + width: 55%; + height: 100%; + position: relative; + + img{ + width: 103%; + height: auto; + position: absolute; + bottom: -80px; + right: 0; + } } } .login-container { @@ -126,6 +168,9 @@ color: #485BD4; letter-spacing: 6px; white-space: nowrap; + position: relative; + z-index: 9999; + text-shadow: 0 3px 5px rgba(72,91,212,.4); } :deep(.loginGroup){ @@ -133,20 +178,7 @@ height: 100%; display: flex; align-items: center; - .loginPic{ - width: 55%; - height: 100%; - position: relative; - img{ - width: 103%; - height: auto; - position: absolute; - bottom: -180px; - right: 15%; - margin-top: 40px; - } - } .el-tabs__content{ display: flex; justify-content: center; -- Gitblit v1.9.2