浅浅优化一下登录页

This commit is contained in:
李寻欢 2024-02-01 23:53:17 +08:00
parent d35a4279bd
commit 809bc82855
5 changed files with 12 additions and 4 deletions

View File

@ -1,6 +1,6 @@
{ {
"Version": "4.5.0", "Version": "4.5.0",
"Title": "呓语", "Title": "扶摇",
"FixedHeader": true, "FixedHeader": true,
"HiddenSideBar": false, "HiddenSideBar": false,
"MultiTagsCache": false, "MultiTagsCache": false,

BIN
src/assets/fonts/gthbwc.ttf Normal file

Binary file not shown.

View File

@ -4,3 +4,11 @@
font-weight: 300; font-weight: 300;
src: url("./Alibaba_PuHuiTi_2.0_55_Regular_55_Regular.ttf"); src: url("./Alibaba_PuHuiTi_2.0_55_Regular_55_Regular.ttf");
} }
@font-face {
font-family: "哥特黑白无常";
font-style: normal;
font-weight: 300;
src: url("./gthbwc.ttf");
}

View File

@ -44,7 +44,7 @@
text-transform: uppercase; text-transform: uppercase;
margin: 15px 0; margin: 15px 0;
color: #999; color: #999;
font: bold 200% Consolas, Monaco, monospace; font: bold 400% "哥特黑白无常";
} }
@media screen and (max-width: 1180px) { @media screen and (max-width: 1180px) {

View File

@ -8,7 +8,7 @@ import type { FormInstance } from "element-plus";
import { useLayout } from "@/layout/hooks/useLayout"; import { useLayout } from "@/layout/hooks/useLayout";
import { useUserStoreHook } from "@/store/modules/user"; import { useUserStoreHook } from "@/store/modules/user";
import { initRouter, getTopMenu } from "@/router/utils"; import { initRouter, getTopMenu } from "@/router/utils";
import { bg, avatar, illustration } from "./utils/static"; import { bg, illustration } from "./utils/static";
import { useRenderIcon } from "@/components/ReIcon/src/hooks"; import { useRenderIcon } from "@/components/ReIcon/src/hooks";
import { ref, reactive, toRaw, onMounted, onBeforeUnmount } from "vue"; import { ref, reactive, toRaw, onMounted, onBeforeUnmount } from "vue";
import { useDataThemeChange } from "@/layout/hooks/useDataThemeChange"; import { useDataThemeChange } from "@/layout/hooks/useDataThemeChange";
@ -123,9 +123,9 @@ onBeforeUnmount(() => {
</div> </div>
<div class="login-box"> <div class="login-box">
<div class="login-form"> <div class="login-form">
<avatar class="avatar" />
<Motion> <Motion>
<h2 class="outline-none">{{ title }}</h2> <h2 class="outline-none">{{ title }}</h2>
<el-divider border-style="dashed" />
</Motion> </Motion>
<el-form <el-form