修改添加三个主题风格

2025-07-04 10:53:34 +08:00
parent be34a04045
commit 6be43c4267
13 changed files with 264 additions and 62 deletions
--- a/ruoyi-ui/src/App.vue
+++ b/ruoyi-ui/src/App.vue
@@ -10,7 +10,20 @@ import ThemePicker from "@/components/ThemePicker"

 export default {
  name: "App",
-  components: { ThemePicker }
+  components: { ThemePicker },
+  computed: {
+    sideTheme() {
+      return this.$store.state.settings.sideTheme
+    }
+  },
+  watch: {
+    sideTheme: {
+      immediate: true,
+      handler(val) {
+        document.documentElement.setAttribute('data-theme', val)
+      }
+    }
+  }
 }
 </script>
 <style scoped>