From 54ba432847164210e854d07c177aaee1b4e58a44 Mon Sep 17 00:00:00 2001
From: Flex <q1406482700@163.com>
Date: 星期一, 09 六月 2025 17:10:16 +0800
Subject: [PATCH] 修改登录页样式
---
easegen-front/src/views/Login/Login.vue | 30 ++++++++++++++++++++++--------
easegen-front/src/views/Login/components/LoginForm.vue | 6 ------
easegen-front/src/views/Login/components/LoginFormTitle.vue | 3 ++-
3 files changed, 24 insertions(+), 15 deletions(-)
diff --git a/easegen-front/src/views/Login/Login.vue b/easegen-front/src/views/Login/Login.vue
index 19bdc65..ebca7cb 100644
--- a/easegen-front/src/views/Login/Login.vue
+++ b/easegen-front/src/views/Login/Login.vue
@@ -90,8 +90,8 @@
}
.bei .BeiArea .Left-Area {
- width: calc(650px + (100vw - 1700px) * 0.5);
- height: calc(650px + (100vh - 900px) * 0.5);
+ width: 500px;
+ height: 450px;
display: flex;
justify-content: center;
align-content: center;
@@ -106,18 +106,20 @@
.bei .BeiArea .Left-Area .TitleText h1 {
color: #fff;
+ font-size: 2.6rem;
}
.bei .BeiArea .form-box {
box-sizing: border-box;
background: #fff;
- width: calc(650px + (100vw - 1700px) * 0.5);
- height: calc(650px + (100vh - 900px) * 0.5);
- padding: 40px 80px;
+ /* width: calc(400px + (100vw - 1900px) * 0.5); */
+ width: 500px;
+ height: 450px;
+ padding: 20px 40px;
}
-@media ( max-width:1200px ) and (min-width:1000px) {
+/* @media ( max-width:1300px ) and (min-width:1000px) {
.bei .BeiArea .form-box{
width: 45%;
height: 90vh;
@@ -126,9 +128,9 @@
width: 45%;
height: 90vh;
}
-}
+} */
-@media ( max-width:1000px ){
+/* @media ( max-width:1000px ){
.bei .BeiArea .form-box{
width: 50%;
height: 100vh;
@@ -137,6 +139,18 @@
width: 50%;
height: 100vh;
}
+} */
+
+@media ( max-width:1550px ){
+ .bei .BeiArea .Left-Area .TitleText h1{
+ font-size: 2.4rem !important;
+ }
+}
+
+@media ( max-width:1050px ){
+ .bei .BeiArea .Left-Area .TitleText h1{
+ font-size: 2rem !important;
+ }
}
</style>
diff --git a/easegen-front/src/views/Login/components/LoginForm.vue b/easegen-front/src/views/Login/components/LoginForm.vue
index 989e379..5c83098 100644
--- a/easegen-front/src/views/Login/components/LoginForm.vue
+++ b/easegen-front/src/views/Login/components/LoginForm.vue
@@ -358,14 +358,11 @@
.NewClass {
::v-deep(.el-input__inner) {
font-size: 20px;
- line-height: 40px;
- height: 60px;
}
::v-deep(.el-button--large) {
padding: 20px;
box-sizing: border-box;
font-size: 20px;
- height: 60px;
margin-top: 20px;
}
}
@@ -374,8 +371,6 @@
.NewClass {
::v-deep(.el-input__inner) {
font-size: 20px;
- line-height: 40px;
- height: 50px;
}
::v-deep(.el-form-item--large){
margin-bottom: 40px;
@@ -387,7 +382,6 @@
padding: 20px;
box-sizing: border-box;
font-size: 20px;
- height: 60px;
margin-top: 10px;
}
}
diff --git a/easegen-front/src/views/Login/components/LoginFormTitle.vue b/easegen-front/src/views/Login/components/LoginFormTitle.vue
index 72c68d2..ae3a2c4 100644
--- a/easegen-front/src/views/Login/components/LoginFormTitle.vue
+++ b/easegen-front/src/views/Login/components/LoginFormTitle.vue
@@ -1,7 +1,8 @@
<style>
.c717a8a{
- color: #717a8a
+ color: #717a8a;
+ text-align: center;
}
</style>
--
Gitblit v1.9.3