From 858b9bccead46cdefc99325b7c956d50a2964309 Mon Sep 17 00:00:00 2001
From: Ben Lin <maobin001@msn.com>
Date: 星期六, 08 三月 2025 10:20:28 +0800
Subject: [PATCH] 一些优化
---
src/components/Application/src/AppDarkModeToggle.vue | 16 +++++++++-------
1 files changed, 9 insertions(+), 7 deletions(-)
diff --git a/src/components/Application/src/AppDarkModeToggle.vue b/src/components/Application/src/AppDarkModeToggle.vue
index 6ab8c40..6b912f1 100644
--- a/src/components/Application/src/AppDarkModeToggle.vue
+++ b/src/components/Application/src/AppDarkModeToggle.vue
@@ -7,12 +7,12 @@
</template>
<script lang="ts" setup>
import { computed, unref } from 'vue';
- import { SvgIcon } from '/@/components/Icon';
- import { useDesign } from '/@/hooks/web/useDesign';
- import { useRootSetting } from '/@/hooks/setting/useRootSetting';
- import { updateHeaderBgColor, updateSidebarBgColor } from '/@/logics/theme/updateBackground';
- import { updateDarkTheme } from '/@/logics/theme/dark';
- import { ThemeEnum } from '/@/enums/appEnum';
+ import { SvgIcon } from '@/components/Icon';
+ import { ThemeEnum } from '@/enums/appEnum';
+ import { useRootSetting } from '@/hooks/setting/useRootSetting';
+ import { useDesign } from '@/hooks/web/useDesign';
+ import { updateDarkTheme } from '@/logics/theme/dark';
+ import { updateHeaderBgColor, updateSidebarBgColor } from '@/logics/theme/updateBackground';
const { prefixCls } = useDesign('dark-switch');
const { getDarkMode, setDarkMode, getShowDarkModeToggle } = useRootSetting();
@@ -61,7 +61,9 @@
z-index: 1;
width: 18px;
height: 18px;
- transition: transform 0.5s, background-color 0.5s;
+ transition:
+ transform 0.5s,
+ background-color 0.5s;
border-radius: 50%;
background-color: #fff;
will-change: transform;
--
Gitblit v1.9.3