vue-antd-admin-skeleton/src/store/modules/setting.js

import {footerLinks, animates, themeColor} from '@/config'
export default {
  namespaced: true,
  state: {
    isMobile: false,
    theme: 'dark',
    themeColor,
    layout: 'side',
    systemName: 'Vue Antd Admin',
    copyright: '2018 ICZER 工作室出品',
    footerLinks: footerLinks,
    multiPage: true,
    animates: animates,
    animate: {
      name: 'bounce',
      direction: 'left'
    }
  },
  mutations: {
    setDevice (state, isMobile) {
      state.isMobile = isMobile
    },
    setTheme (state, theme) {
      state.theme = theme
    },
    setLayout (state, layout) {
      state.layout = layout
    },
    setMultiPage (state, multiPage) {
      state.multiPage = multiPage
    },
    setAnimate (state, animate) {
      state.animate = animate
    },
    setThemeColor (state, color) {
      state.themeColor = color
    }
  }
}