!91 支持 tailwindcss 深色模式

Merge pull request !91 from lbw/N/A
pig-mesh · Sep 12, 2024 · e3d35eb · e3d35eb
2 parents 10357f2 + a32c2ae
commit e3d35eb
Showing 1 changed file with 8 additions and 2 deletions.
diff --git a/src/layout/navBars/breadcrumb/setings.vue b/src/layout/navBars/breadcrumb/setings.vue
@@ -553,8 +553,14 @@ const onAddFilterChange = (attr: string) => {
 // 4、界面显示 --> 深色模式
 const onAddDarkChange = () => {
 	const body = document.documentElement as HTMLElement;
-	if (getThemeConfig.value.isIsDark) body.setAttribute('data-theme', 'dark');
-	else body.setAttribute('data-theme', '');
+	if (getThemeConfig.value.isIsDark) {
+    body.setAttribute('data-theme', 'dark');
+    // body 再增加一个 dark : true 的class ,用于tailwindcss 判断是否是深色
+    body.classList.add('dark');
+  } else {
+    body.classList.remove('dark');
+    body.setAttribute('data-theme', '');
+  }
 };
 // 4、界面显示 --> 开启水印
 const onWartermarkChange = () => {