From 421c5cdb0a776a1da9aa187b8c532172dead2f65 Mon Sep 17 00:00:00 2001
From: Flex <q1406482700@163.com>
Date: 星期五, 30 五月 2025 13:50:40 +0800
Subject: [PATCH] 修改登录页样式
---
easegen-front/src/assets/imgs/bei5.png | 0
easegen-front/src/assets/imgs/bei6-1.png | 0
easegen-front/src/views/Login/Login.vue | 38 ++++++++++++++++----------------------
easegen-front/src/views/Login/components/LoginForm.vue | 8 ++++----
4 files changed, 20 insertions(+), 26 deletions(-)
diff --git a/easegen-front/src/assets/imgs/bei5.png b/easegen-front/src/assets/imgs/bei5.png
new file mode 100644
index 0000000..6bf9146
--- /dev/null
+++ b/easegen-front/src/assets/imgs/bei5.png
Binary files differ
diff --git a/easegen-front/src/assets/imgs/bei6-1.png b/easegen-front/src/assets/imgs/bei6-1.png
new file mode 100644
index 0000000..2e79287
--- /dev/null
+++ b/easegen-front/src/assets/imgs/bei6-1.png
Binary files differ
diff --git a/easegen-front/src/views/Login/Login.vue b/easegen-front/src/views/Login/Login.vue
index 0b2f5cb..3a7a8be 100644
--- a/easegen-front/src/views/Login/Login.vue
+++ b/easegen-front/src/views/Login/Login.vue
@@ -1,9 +1,9 @@
<template>
<div class="bei">
- <div class="">
+ <div class="BeiArea">
<!-- 宸︿晶鍥剧墖 -->
- <div class="Left-img" >
- <img src="@/assets/imgs/bei4.png" alt=""/>
+ <div class="Left-img" >
+ <img src="@/assets/imgs/bei6-1.png" alt=""/>
</div>
<!-- 鍙宠竟鐨勭櫥褰曠晫闈� -->
<Transition appear enter-active-class="animate__animated animate__bounceInRight">
@@ -25,7 +25,6 @@
</template>
<script lang="ts" setup>
import { underlineToHump } from '@/utils'
-
import { useDesign } from '@/hooks/web/useDesign'
import { useAppStore } from '@/store/modules/app'
import { ThemeSwitch } from '@/layout/components/ThemeSwitch'
@@ -58,28 +57,27 @@
.bei{
width: 100%;
height: 100%;
- background-image: url('@/assets/imgs/bei3.png');
- background-size: 100% 100%;
- background-repeat: no-repeat;
+ background-color: #061C43;
}
-.form-box{
- width: 25%;
+.bei .BeiArea{
+ width: 100%;
+ height: 100%;
+ display: flex;
+ justify-content: space-around;
+ align-items: center;
+}
+.bei .BeiArea .form-box{
+ width: 30%;
padding: 20px;
box-sizing: border-box;
background: #fff;
- float: right;
- margin-top: 30vh;
- margin-right: 10vw;
}
-.Left-img{
- float: left;
- width: 50%;
- margin-top: 4vh;
- margin-left: 60px;
+.bei .BeiArea .Left-img{
+ width: 677px; /* 杩欎釜鍦版柟鐨勫�煎繀椤荤敤姝诲�� */
}
-.Left-img img{
+.bei .BeiArea .Left-img img{
width: 100%;
}
@@ -87,10 +85,6 @@
.form-box{
width: 80%;
- float: left;
- margin-left: 10%;
- margin-right: 0;
- margin-top: calc( 50vh - 100px );
}
.Left-img{
diff --git a/easegen-front/src/views/Login/components/LoginForm.vue b/easegen-front/src/views/Login/components/LoginForm.vue
index ffc76bb..8b24ba7 100644
--- a/easegen-front/src/views/Login/components/LoginForm.vue
+++ b/easegen-front/src/views/Login/components/LoginForm.vue
@@ -59,7 +59,7 @@
</el-checkbox>
</el-col>
<el-col :offset="6" :span="12">
- <el-link style="float: right" type="primary">{{ t('login.forgetPassword') }}</el-link>
+ <!-- <el-link style="float: right" type="primary">{{ t('login.forgetPassword') }}</el-link> -->
</el-col>
</el-row>
</el-form-item>
@@ -85,13 +85,13 @@
<el-col :span="24" style="padding-right: 10px; padding-left: 10px">
<el-form-item>
<el-row :gutter="5" justify="space-between" style="width: 100%">
- <el-col :span="12">
+ <!-- <el-col :span="12">
<XButton
:title="t('login.btnMobile')"
class="w-[100%]"
@click="setLoginState(LoginStateEnum.MOBILE)"
/>
- </el-col>
+ </el-col> -->
<!-- <el-col :span="8">-->
<!-- <XButton-->
<!-- :title="t('login.btnQRCode')"-->
@@ -99,7 +99,7 @@
<!-- @click="setLoginState(LoginStateEnum.QR_CODE)"-->
<!-- />-->
<!-- </el-col>-->
- <el-col :span="12">
+ <el-col :span="24">
<XButton
:title="t('login.btnRegister')"
class="w-[100%]"
--
Gitblit v1.9.3