浅浅优化一下登录页
This commit is contained in:
parent
d35a4279bd
commit
809bc82855
@ -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
BIN
src/assets/fonts/gthbwc.ttf
Normal file
Binary file not shown.
@ -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");
|
||||||
|
}
|
||||||
|
|
||||||
|
@ -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) {
|
||||||
|
@ -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
|
||||||
|
Loading…
Reference in New Issue
Block a user