refactor: ♻️ 登录页样式优化,title和version取值修改

This commit is contained in:
hxr
2024-02-21 00:10:11 +08:00
parent a504260c0d
commit d26cbbfbb0

View File

@@ -1,7 +1,7 @@
<template> <template>
<div class="login-container"> <div class="login-container">
<!-- 顶部 --> <!-- 顶部 -->
<div class="absolute-tl flex-x-end px-5 h-20 w-full"> <div class="absolute-tl flex-x-end p-3 w-full">
<el-switch <el-switch
v-model="isDark" v-model="isDark"
inline-prompt inline-prompt
@@ -14,10 +14,10 @@
<lang-select class="ml-2 cursor-pointer" /> <lang-select class="ml-2 cursor-pointer" />
</div> </div>
<!-- 登录表单 --> <!-- 登录表单 -->
<el-card class="!border-none !bg-transparent !rounded-4% w-100 <sm:w-80"> <el-card class="!border-none !bg-transparent !rounded-4% w-100 <sm:w-85">
<div class="text-center relative"> <div class="text-center relative">
<h2>{{ title }}</h2> <h2>{{ defaultSettings.title }}</h2>
<el-tag class="ml-2 absolute-tr">{{ version }}</el-tag> <el-tag class="ml-2 absolute-tr">{{ defaultSettings.version }}</el-tag>
</div> </div>
<el-form <el-form
@@ -133,7 +133,7 @@ const route = useRoute();
const userStore = useUserStore(); const userStore = useUserStore();
const settingsStore = useSettingsStore(); const settingsStore = useSettingsStore();
const { title, version } = settingsStore; import defaultSettings from "@/settings";
/** /**
* 明亮/暗黑主题切换 * 明亮/暗黑主题切换
*/ */