| | |
| | | import { useLayout } from "@/layout/hooks/useLayout"; |
| | | import { useUserStoreHook } from "@/store/modules/user"; |
| | | import { initRouter, getTopMenu } from "@/router/utils"; |
| | | import { bg, avatar, illustration } from "./utils/static"; |
| | | import { bg, avatar, logo1 } from "./utils/static"; |
| | | import { useRenderIcon } from "@/components/ReIcon/src/hooks"; |
| | | import { useDataThemeChange } from "@/layout/hooks/useDataThemeChange"; |
| | | |
| | |
| | | |
| | | <template> |
| | | <div class="select-none"> |
| | | <img :src="bg" class="wave" /> |
| | | <div class="wave"> |
| | | <img width="400px" :src="logo1" class="logo1" /> |
| | | </div> |
| | | <!-- <img :src="bg" class="wave" /> --> |
| | | <div class="flex-c absolute right-5 top-3"> |
| | | <!-- 主题 --> |
| | | <el-switch |
| | |
| | | </div> |
| | | <div class="login-container"> |
| | | <div class="img"> |
| | | <component :is="toRaw(illustration)" /> |
| | | <!-- <component :is="toRaw(illustration)" /> --> |
| | | </div> |
| | | <div class="login-box"> |
| | | <div class="login-form"> |
| | | <avatar class="avatar" /> |
| | | <!-- <avatar class="avatar" /> --> |
| | | <Motion> |
| | | <h2 class="outline-hidden">{{ title }}</h2> |
| | | </Motion> |