From 010e9476908b6f2041950b2e19f7c6d165adf0ea Mon Sep 17 00:00:00 2001
From: Your Name <123456>
Date: 星期五, 24 二月 2023 17:20:57 +0800
Subject: [PATCH] Merge branch 'master' of https://sinanoaq.cn:8888/r/scienceexperimentweb
---
src/views/loginPage/loginPage.vue | 59 ++++++++++++++++++++++++++++++++++++++++++++---------------
1 files changed, 44 insertions(+), 15 deletions(-)
diff --git a/src/views/loginPage/loginPage.vue b/src/views/loginPage/loginPage.vue
index bd95625..a264634 100644
--- a/src/views/loginPage/loginPage.vue
+++ b/src/views/loginPage/loginPage.vue
@@ -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 {
@@ -133,20 +175,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