From 65af7ba91918364ce2dea9b3ea61f0933d042816 Mon Sep 17 00:00:00 2001 From: du <13220750630.163.com> Date: 星期五, 30 五月 2025 13:51:47 +0800 Subject: [PATCH] Merge remote-tracking branch 'origin/master' --- 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