From a8a1118a3bc3ba82312ac82f4d8d74b7edf34f6e Mon Sep 17 00:00:00 2001
From: du <13220750630.163.com>
Date: 星期三, 16 四月 2025 13:51:47 +0800
Subject: [PATCH] 登录+首页调整
---
easegen-front/src/views/Home/Index.vue | 66 +++++++++++-----------
easegen-front/src/views/Login/Login.vue | 112 ++++++++----------------------------
easegen-front/src/assets/imgs/bei.png | 0
3 files changed, 59 insertions(+), 119 deletions(-)
diff --git a/easegen-front/src/assets/imgs/bei.png b/easegen-front/src/assets/imgs/bei.png
new file mode 100644
index 0000000..d8f788c
--- /dev/null
+++ b/easegen-front/src/assets/imgs/bei.png
Binary files differ
diff --git a/easegen-front/src/views/Home/Index.vue b/easegen-front/src/views/Home/Index.vue
index bbab65a..de9a791 100644
--- a/easegen-front/src/views/Home/Index.vue
+++ b/easegen-front/src/views/Home/Index.vue
@@ -18,39 +18,39 @@
</div>
</div>
</el-col>
- <el-col :xl="12" :lg="12" :md="12" :sm="24" :xs="24">
- <div class="h-70px flex items-center justify-end lt-sm:mt-10px">
- <div class="px-8px text-right">
- <div class="mb-16px text-14px text-gray-400">{{ t('workplace.project') }}</div>
- <CountTo
- class="text-20px"
- :start-val="0"
- :end-val="totalSate.project"
- :duration="2600"
- />
- </div>
- <el-divider direction="vertical" />
- <div class="px-8px text-right">
- <div class="mb-16px text-14px text-gray-400">{{ t('workplace.toDo') }}</div>
- <CountTo
- class="text-20px"
- :start-val="0"
- :end-val="totalSate.todo"
- :duration="2600"
- />
- </div>
- <el-divider direction="vertical" border-style="dashed" />
- <div class="px-8px text-right">
- <div class="mb-16px text-14px text-gray-400">{{ t('workplace.access') }}</div>
- <CountTo
- class="text-20px"
- :start-val="0"
- :end-val="totalSate.access"
- :duration="2600"
- />
- </div>
- </div>
- </el-col>
+<!-- <el-col :xl="12" :lg="12" :md="12" :sm="24" :xs="24">-->
+<!-- <div class="h-70px flex items-center justify-end lt-sm:mt-10px">-->
+<!-- <div class="px-8px text-right">-->
+<!-- <div class="mb-16px text-14px text-gray-400">{{ t('workplace.project') }}</div>-->
+<!-- <CountTo-->
+<!-- class="text-20px"-->
+<!-- :start-val="0"-->
+<!-- :end-val="totalSate.project"-->
+<!-- :duration="2600"-->
+<!-- />-->
+<!-- </div>-->
+<!-- <el-divider direction="vertical" />-->
+<!-- <div class="px-8px text-right">-->
+<!-- <div class="mb-16px text-14px text-gray-400">{{ t('workplace.toDo') }}</div>-->
+<!-- <CountTo-->
+<!-- class="text-20px"-->
+<!-- :start-val="0"-->
+<!-- :end-val="totalSate.todo"-->
+<!-- :duration="2600"-->
+<!-- />-->
+<!-- </div>-->
+<!-- <el-divider direction="vertical" border-style="dashed" />-->
+<!-- <div class="px-8px text-right">-->
+<!-- <div class="mb-16px text-14px text-gray-400">{{ t('workplace.access') }}</div>-->
+<!-- <CountTo-->
+<!-- class="text-20px"-->
+<!-- :start-val="0"-->
+<!-- :end-val="totalSate.access"-->
+<!-- :duration="2600"-->
+<!-- />-->
+<!-- </div>-->
+<!-- </div>-->
+<!-- </el-col>-->
</el-row>
</el-skeleton>
</el-card>
diff --git a/easegen-front/src/views/Login/Login.vue b/easegen-front/src/views/Login/Login.vue
index 334ce84..f2497c3 100644
--- a/easegen-front/src/views/Login/Login.vue
+++ b/easegen-front/src/views/Login/Login.vue
@@ -1,68 +1,22 @@
<template>
- <div
- :class="prefixCls"
- class="relative h-[100%] lt-md:px-10px lt-sm:px-10px lt-xl:px-10px lt-xl:px-10px"
- >
- <div class="relative mx-auto h-full flex">
- <div
- :class="`${prefixCls}__left flex-1 bg-gray-500 bg-opacity-20 relative p-30px lt-xl:hidden overflow-x-hidden overflow-y-auto`"
- >
- <!-- 宸︿笂瑙掔殑 logo + 绯荤粺鏍囬 -->
-<!-- <div class="relative flex items-center text-white">-->
-<!-- <img alt="" class="mr-10px h-48px w-48px" src="@/assets/imgs/logo.png" />-->
-<!-- <span class="text-20px font-bold">{{ underlineToHump(appStore.getTitle) }}</span>-->
-<!-- </div>-->
- <!-- 宸﹁竟鐨勮儗鏅浘 + 娆㈣繋璇� -->
- <div class="h-[calc(100%-60px)] flex items-center justify-center">
- <TransitionGroup
- appear
- enter-active-class="animate__animated animate__bounceInLeft"
- tag="div"
- >
- <img key="1" alt="" class="w-350px" src="@/assets/svgs/login-box-bg.svg" />
- <div key="2" class="text-3xl text-white">{{ t('login.welcome') }}</div>
- <div key="3" class="mt-5 text-14px font-normal text-white">
- {{ t('login.message') }}
- </div>
- </TransitionGroup>
- </div>
- </div>
- <div
- class="relative flex-1 p-30px dark:bg-[var(--login-bg-color)] lt-sm:p-10px overflow-x-hidden overflow-y-auto"
- >
- <!-- 鍙充笂瑙掔殑涓婚銆佽瑷�閫夋嫨 -->
- <div
- class="flex items-center justify-between at-2xl:justify-end at-xl:justify-end"
- style="color: var(--el-text-color-primary);"
- >
- <div class="flex items-center at-2xl:hidden at-xl:hidden">
- <img alt="" class="mr-10px h-48px w-48px" src="@/assets/imgs/logo.png" />
- <span class="text-20px font-bold" >{{ underlineToHump(appStore.getTitle) }}</span>
- </div>
- <div class="flex items-center justify-end space-x-10px h-48px">
- <ThemeSwitch />
- <LocaleDropdown />
- </div>
- </div>
+ <div class="bei">
+ <div class="">
<!-- 鍙宠竟鐨勭櫥褰曠晫闈� -->
<Transition appear enter-active-class="animate__animated animate__bounceInRight">
- <div
- class="m-auto h-[calc(100%-60px)] w-[100%] flex items-center at-2xl:max-w-500px at-lg:max-w-500px at-md:max-w-500px at-xl:max-w-500px"
- >
+ <div class="form-box">
<!-- 璐﹀彿鐧诲綍 -->
- <LoginForm class="m-auto h-auto p-20px lt-xl:(rounded-3xl light:bg-white)" />
+ <LoginForm class="m-auto h-auto p-20px lt-xl:(rounded-3xl light:bg-white) bai" />
<!-- 鎵嬫満鐧诲綍 -->
- <MobileForm class="m-auto h-auto p-20px lt-xl:(rounded-3xl light:bg-white)" />
+ <MobileForm class="m-auto h-auto p-20px lt-xl:(rounded-3xl light:bg-white) bai" />
<!-- 浜岀淮鐮佺櫥褰� -->
- <QrCodeForm class="m-auto h-auto p-20px lt-xl:(rounded-3xl light:bg-white)" />
+ <QrCodeForm class="m-auto h-auto p-20px lt-xl:(rounded-3xl light:bg-white) bai" />
<!-- 娉ㄥ唽 -->
- <RegisterForm class="m-auto h-auto p-20px lt-xl:(rounded-3xl light:bg-white)" />
+ <RegisterForm class="m-auto h-auto p-20px lt-xl:(rounded-3xl light:bg-white) bai" />
<!-- 涓夋柟鐧诲綍 -->
- <SSOLoginVue class="m-auto h-auto p-20px lt-xl:(rounded-3xl light:bg-white)" />
+ <SSOLoginVue class="m-auto h-auto p-20px lt-xl:(rounded-3xl light:bg-white) bai" />
</div>
</Transition>
</div>
- </div>
</div>
</template>
<script lang="ts" setup>
@@ -92,38 +46,24 @@
}
})
</script>
-
-<style lang="scss" scoped>
-$prefix-cls: #{$namespace}-login;
-
-.#{$prefix-cls} {
- overflow: auto;
-
- &__left {
- &::before {
- position: absolute;
- top: 0;
- left: 0;
- z-index: -1;
- width: 100%;
- height: 100%;
- background-image: url('@/assets/svgs/login-bg.svg');
- background-position: center;
- background-repeat: no-repeat;
- content: '';
- }
- }
+<style scoped>
+*{
+ margin: 0;
+ padding: 0;
}
-</style>
-
-<style lang="scss">
-.dark .login-form {
- .el-divider__text {
- background-color: var(--login-bg-color);
- }
-
- .el-card {
- background-color: var(--login-bg-color);
- }
+.bei{
+ width: 100%;
+ height: 100%;
+ background-image: url('@/assets/imgs/bei.png');
+ background-size: 100% 100%;
+}
+.form-box{
+ width: 25%;
+ padding: 20px;
+ box-sizing: border-box;
+ background: #fff;
+ float: right;
+ margin-top: 25vh;
+ margin-right: 10vw;
}
</style>
--
Gitblit v1.9.3