样式修改

gaoluyang

2025-05-07 80fc36a101ea26ff0eb0b41ee389f44084781469

 src/store/modules/settings.js

@@ -1,5 +1,9 @@
import defaultSettings from '@/settings'

import { useDark, useToggle } from '@vueuse/core'

import { useDynamicTitle } from '@/utils/dynamicTitle'



const isDark = useDark()

const toggleDark = useToggle(isDark)



const { sideTheme, showSettings, topNav, tagsView, fixedHeader, sidebarLogo, dynamicTitle } = defaultSettings



@@ -10,14 +14,15 @@
  {

    state: () => ({

      title: '',

      theme: storageSetting.theme || '#409EFF',

      theme: storageSetting.theme || '#3472D7',

      sideTheme: storageSetting.sideTheme || sideTheme,

      showSettings: showSettings,

      topNav: storageSetting.topNav === undefined ? topNav : storageSetting.topNav,

      tagsView: storageSetting.tagsView === undefined ? tagsView : storageSetting.tagsView,

      fixedHeader: storageSetting.fixedHeader === undefined ? fixedHeader : storageSetting.fixedHeader,

      sidebarLogo: storageSetting.sidebarLogo === undefined ? sidebarLogo : storageSetting.sidebarLogo,

      dynamicTitle: storageSetting.dynamicTitle === undefined ? dynamicTitle : storageSetting.dynamicTitle

      dynamicTitle: storageSetting.dynamicTitle === undefined ? dynamicTitle : storageSetting.dynamicTitle,

      isDark: isDark.value

    }),

    actions: {

      // 修改布局设置

@@ -30,7 +35,12 @@
      // 设置网页标题

      setTitle(title) {

        this.title = title

        useDynamicTitle();

        useDynamicTitle()

      },

      // 切换暗黑模式

      toggleTheme() {

        this.isDark = !this.isDark

        toggleDark()

      }

    }

  })