fix: 修复登录页的主题切换按钮不能跟随配置 (#230)

mowangjuanzi · pany-ang · web-flow · commit 272642ec97c5 · 2024-12-10T10:24:27.000+08:00
Co-authored-by: pany &lt;939630029@qq.com&gt;
diff --git a/src/pages/login/index.vue b/src/pages/login/index.vue
@@ -1,6 +1,7 @@
 <script lang="ts" setup>
 import type { FormInstance, FormRules } from "element-plus"
 import type { LoginRequestData } from "./apis/type"
+import { useSettingsStore } from "@/pinia/stores/settings"
 import { useUserStore } from "@/pinia/stores/user"
 import ThemeSwitch from "@@/components/ThemeSwitch/index.vue"
 import { Key, Loading, Lock, Picture, User } from "@element-plus/icons-vue"
@@ -12,6 +13,8 @@ const router = useRouter()
 
 const userStore = useUserStore()
 
+const settingsStore = useSettingsStore()
+
 const { isFocus, handleBlur, handleFocus } = useFocus()
 
 /** 登录表单元素的引用 */
@@ -82,7 +85,7 @@ createCode()
 
 <template>
   <div class="login-container">
-    <ThemeSwitch class="theme-switch" />
+    <ThemeSwitch v-if="settingsStore.showThemeSwitch" class="theme-switch" />
     <Owl :close-eyes="isFocus" />
     <div class="login-card">
       <div class="title">
