菜单样式修改

gaoluyang

6 天以前 b3dc9a7a436626fe2b89f24c69f26e9badfeafd2

菜单样式修改

 src/layout/components/Sidebar/index.vue

@@ -9,7 +9,7 @@
        :text-color="getMenuTextColor"
        :unique-opened="true"
        :active-text-color="theme"
        :collapse-transition="false"
        :collapse-transition="true"
        mode="vertical"
        :class="sideTheme"
      >
@@ -41,7 +41,6 @@
const showLogo = computed(() => settingsStore.sidebarLogo)
const sideTheme = computed(() => settingsStore.sideTheme)
const theme = computed(() => settingsStore.theme)
const isCollapse = computed(() => !appStore.sidebar.opened)

// 获取菜单背景色
const getMenuBackground = computed(() => {

 src/store/modules/app.js

@@ -14,7 +14,17 @@
    }),
    actions: {
      toggleSideBar(withoutAnimation) {
        return true
        console.log('toggleSideBar', withoutAnimation)
        if (this.sidebar.hide) {
          return false
        }
        this.sidebar.opened = !this.sidebar.opened
        this.sidebar.withoutAnimation = withoutAnimation
        if (this.sidebar.opened) {
          Cookies.set('sidebarStatus', 1)
        } else {
          Cookies.set('sidebarStatus', 0)
        }
      },
      closeSideBar({ withoutAnimation }) {
        Cookies.set('sidebarStatus', 0)