30 lines
1.0 KiB
Vue
30 lines
1.0 KiB
Vue
|
<template>
|
||
|
|
<div class="login-container flx-center" :style="{ backgroundImage: `url(${globalStore.systemConfigBg})` }">
|
||
|
|
<div class="login-box">
|
||
|
|
<!-- <SwitchDark class="dark" /> -->
|
||
|
|
<div class="login-left" :style="{ backgroundImage: `url(${globalStore.systemConfigSubBg})` }">
|
||
|
|
<!-- <img src="@/assets/images/login_left.png" alt="login" /> -->
|
||
|
|
<img src="@/assets/images/login/computerIcon.png" alt="" /><br />
|
||
|
|
<span>{{ globalStore.systemConfigName }}</span>
|
||
|
|
</div>
|
||
|
|
<div class="login-form">
|
||
|
|
<div class="login-logo">
|
||
|
|
<!-- <img class="login-icon" src="@/assets/images/logo.svg" alt="" /> -->
|
||
|
|
<h2 class="logo-text">账户登录</h2>
|
||
|
|
</div>
|
||
|
|
<LoginForm />
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script setup lang="ts" name="login">
|
||
|
|
import SwitchDark from "@/components/SwitchDark/index.vue";
|
||
|
|
import LoginForm from "./components/LoginForm.vue";
|
||
|
|
import { GlobalStore } from "@/stores";
|
||
|
|
const globalStore = GlobalStore();
|
||
|
|
</script>
|
||
|
|
<style scoped lang="scss">
|
||
|
|
@import "./index.scss";
|
||
|
|
</style>
|