From 61311eae2680384976fd69c4d6093b0058e8b518 Mon Sep 17 00:00:00 2001
From: wang_fan_w <2547096351@qq.com>
Date: Sat, 6 Jul 2024 18:22:28 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E7=99=BB=E5=BD=95=E9=A1=B5=E6=A0=B7?=
=?UTF-8?q?=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
src/assets/svgs/gitee.svg | 2 +-
src/assets/svgs/github.svg | 2 +-
src/assets/svgs/数据时代.svg | 1 +
src/layout/components/Tabs/index.vue | 2 +-
src/views/login/login copy.vue | 209 ---------------------------
src/views/login/login.vue | 77 +++++-----
6 files changed, 39 insertions(+), 254 deletions(-)
create mode 100644 src/assets/svgs/数据时代.svg
delete mode 100644 src/views/login/login copy.vue
diff --git a/src/assets/svgs/gitee.svg b/src/assets/svgs/gitee.svg
index b55b63c..3d1af13 100644
--- a/src/assets/svgs/gitee.svg
+++ b/src/assets/svgs/gitee.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/src/assets/svgs/github.svg b/src/assets/svgs/github.svg
index 6a17f49..a21c4b0 100644
--- a/src/assets/svgs/github.svg
+++ b/src/assets/svgs/github.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/src/assets/svgs/数据时代.svg b/src/assets/svgs/数据时代.svg
new file mode 100644
index 0000000..2c50865
--- /dev/null
+++ b/src/assets/svgs/数据时代.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/layout/components/Tabs/index.vue b/src/layout/components/Tabs/index.vue
index 9e10391..74817f0 100644
--- a/src/layout/components/Tabs/index.vue
+++ b/src/layout/components/Tabs/index.vue
@@ -18,7 +18,7 @@
-
+
diff --git a/src/views/login/login copy.vue b/src/views/login/login copy.vue
deleted file mode 100644
index 3320d43..0000000
--- a/src/views/login/login copy.vue
+++ /dev/null
@@ -1,209 +0,0 @@
-
-
-
-
-
-
DC Admin
-
国际化,路由配置,状态管理应有尽有
-
丰富的的页面模板,覆盖大多数典型业务场景
-
-
注册账号
-
DC-Admin by 兔子先森
-
-
-
-
-
-
-
-
diff --git a/src/views/login/login.vue b/src/views/login/login.vue
index e8984c8..8d1a834 100644
--- a/src/views/login/login.vue
+++ b/src/views/login/login.vue
@@ -2,30 +2,18 @@
-
-
-
-
-
+
+
+ DC-Admin
+
+
+
+
-
DC Admin
+
Welcome Back
+
国际化,路由配置,状态管理应有尽有
+
丰富的的页面模板,覆盖大多数典型业务场景
注册账号
-
DC-Admin by 兔子先森
+
by 兔子先森
@@ -71,12 +59,6 @@ import { Message } from "@arco-design/web-vue";
import { useRouter } from "vue-router";
import { useUserInfoStore } from "@/store/modules/user-info";
const router = useRouter();
-
-const images = [
- "https://p1-arco.byteimg.com/tos-cn-i-uwbnlip3yd/cd7a1aaea8e1c5e3d26fe2591e561798.png~tplv-uwbnlip3yd-webp.webp",
- "https://p1-arco.byteimg.com/tos-cn-i-uwbnlip3yd/6480dbc69be1b5de95010289787d64f1.png~tplv-uwbnlip3yd-webp.webp"
-];
-
const form = ref({
username: "admin",
password: "123456",
@@ -158,33 +140,44 @@ const onSubmit = ({ errors }: any) => {
position: relative;
overflow: hidden;
.login {
- width: calc(100% - 160px);
+ width: 1000px;
height: 500px;
- position: absolute;
left: 50%;
top: 50%;
+ position: absolute;
transform: translate(-50%, -50%);
display: flex;
align-items: center;
- column-gap: 80px;
+ box-shadow: 0 0 8px 1px $color-fill-2;
.banner_box {
- width: calc(100% - 530px);
+ width: 650px;
height: 100%;
- border: 1px solid red;
+ box-sizing: border-box;
+ padding: $padding;
+ display: flex;
+ flex-direction: column;
+ .banner_title {
+ display: flex;
+ align-items: center;
+ column-gap: $margin-text;
+ font-size: $font-size-title-1;
+ color: $color-primary;
+ font-weight: bold;
+ }
+ .banner_img {
+ flex: 1;
+ }
}
.login_box {
- position: relative;
- box-sizing: border-box;
- width: 450px;
+ width: 350px;
height: 100%;
- padding: 40px 60px 40px 60px;
- box-shadow: 0 0 8px 1px $color-fill-2;
- background: #fff;
+ box-sizing: border-box;
+ padding: 40px 30px 30px 30px;
+ position: relative;
.login_title {
font-size: $font-size-title-2;
color: $color-text-1;
margin-bottom: $margin-text;
- text-align: center;
}
.login_title_desc {
font-size: $font-size-body-1;
@@ -215,7 +208,7 @@ const onSubmit = ({ errors }: any) => {
font-size: $font-size-body-1;
cursor: pointer;
}
- .desc {
+ .author {
color: $color-text-4;
font-size: $font-size-body-1;
position: absolute;