From dbdd811705b76cd9814afb65e640392e36c9dcce Mon Sep 17 00:00:00 2001
From: invalid w <wangjuesix@gmail.com>
Date: 星期四, 21 九月 2023 10:40:09 +0800
Subject: [PATCH] feat(style): 使用Antd组件提供的切换主题功能 (#3051)
---
src/App.vue | 6 +++++-
1 files changed, 5 insertions(+), 1 deletions(-)
diff --git a/src/App.vue b/src/App.vue
index a4d2e80..303d31a 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,5 +1,5 @@
<template>
- <ConfigProvider :locale="getAntdLocale">
+ <ConfigProvider :locale="getAntdLocale" :theme="isDark ? darkTheme : {}">
<AppProvider>
<RouterView />
</AppProvider>
@@ -11,11 +11,15 @@
import { AppProvider } from '@/components/Application';
import { useTitle } from '@/hooks/web/useTitle';
import { useLocale } from '@/locales/useLocale';
+
import 'dayjs/locale/zh-cn';
+ import { useDarkModeTheme } from '@/hooks/setting/useDarkModeTheme';
// support Multi-language
const { getAntdLocale } = useLocale();
+ const { isDark, darkTheme } = useDarkModeTheme();
+
// Listening to page changes and dynamically changing site titles
useTitle();
</script>
--
Gitblit v1.8.0