新增标签页样式chrome风格

RuoYi

2026-04-13 61f9792395547b12974baf0d8658efd5ca9262a1

 ruoyi-ui/src/store/modules/settings.js

@@ -1,7 +1,7 @@
import defaultSettings from '@/settings'

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



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

const { sideTheme, showSettings, navType, tagsView, tagsViewPersist, tagsIcon, tagsViewStyle, fixedHeader, sidebarLogo, dynamicTitle, footerVisible, footerContent } = defaultSettings



const storageSetting = JSON.parse(localStorage.getItem('layout-setting')) || ''

const state = {

@@ -9,9 +9,11 @@
  theme: storageSetting.theme || '#409EFF',

  sideTheme: storageSetting.sideTheme || sideTheme,

  showSettings: showSettings,

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

  navType: storageSetting.navType === undefined ? navType : storageSetting.navType,

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

  tagsViewPersist: storageSetting.tagsViewPersist === undefined ? tagsViewPersist : storageSetting.tagsViewPersist,

  tagsIcon: storageSetting.tagsIcon === undefined ? tagsIcon : storageSetting.tagsIcon,

  tagsViewStyle: storageSetting.tagsViewStyle === undefined ? tagsViewStyle : storageSetting.tagsViewStyle,

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

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

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

@@ -23,6 +25,9 @@
    if (state.hasOwnProperty(key)) {

      state[key] = value

    }

  },

  SET_TITLE: (state, title) => {

    state.title = title

  }

}



@@ -33,7 +38,7 @@
  },

  // 设置网页标题

  setTitle({ commit }, title) {

    state.title = title

    commit('SET_TITLE', title)

    useDynamicTitle()

  }

}