feat: theme color switch

vben

2021-02-03 3d1681ee9ae2b8e8a8f9d7afeaef3b059aa20b48

 src/settings/projectSetting.ts

@@ -1,9 +1,9 @@
import type { ProjectConfig } from '/@/types/config';

import { MenuTypeEnum, MenuModeEnum, TriggerEnum } from '/@/enums/menuEnum';
import { MenuTypeEnum, MenuModeEnum, TriggerEnum, MixSidebarTriggerEnum } from '/@/enums/menuEnum';
import { CacheTypeEnum } from '/@/enums/cacheEnum';
import { ContentEnum, PermissionModeEnum, ThemeEnum, RouterTransitionEnum } from '/@/enums/appEnum';
import { primaryColor } from '../../build/config/lessModifyVars';
import { primaryColor, themeMode } from '../../build/config/themeConfig';
import { isProdMode } from '/@/utils/env';

// ! You need to clear the browser cache after the change
@@ -20,6 +20,8 @@
  // color
  // TODO Theme color
  themeColor: primaryColor,
  // TODO dark theme
  themeMode: themeMode,

  // Website gray mode, open for possible mourning dates
  grayMode: false,
@@ -37,7 +39,7 @@
  showLogo: true,

  // Whether to show footer
  showFooter: true,
  showFooter: false,

  // locale setting
  locale: {
@@ -62,20 +64,21 @@
    theme: ThemeEnum.LIGHT,
    // Whether to enable the lock screen function
    useLockPage: true,
    // Whether to show the refresh button
    showRedo: true,

    // Whether to show the full screen button
    showFullScreen: true,
    // Whether to show the document button
    showDoc: true,
    // Whether to show the notification button
    showNotice: true,
    // Whether to display the menu search
    showSearch: true,
  },

  // Menu configuration
  menuSetting: {
    // sidebar menu bg color
    bgColor: '#273352',
    bgColor: '#001529',
    //  Whether to fix the left menu
    fixed: true,
    // Menu collapse
@@ -88,7 +91,7 @@
    // Whether to show no dom
    show: true,
    // Whether to show dom
    hidden: true,
    hidden: false,
    // Menu width
    menuWidth: 210,
    // Menu mode
@@ -101,12 +104,16 @@
    split: false,
    // Top menu layout
    topMenuAlign: 'center',
    // Hide the search box when the menu is collapsed
    collapsedShowSearch: false,
    // Fold trigger position
    trigger: TriggerEnum.HEADER,
    // Turn on accordion mode, only show a menu
    accordion: true,
    // Switch page to close menu
    closeMixSidebarOnChange: false,
    // Module opening method ‘click’ |'hover'
    mixSideTrigger: MixSidebarTriggerEnum.CLICK,
    // Fixed expanded menu
    mixSideFixed: false,
  },

  // Multi-label
@@ -117,6 +124,11 @@
    canDrag: true,
    // Turn on quick actions
    showQuick: true,

    // Whether to show the refresh button
    showRedo: true,
    // Whether to show the collapse button
    showFold: true,
  },

  // Transition Setting
@@ -162,7 +174,7 @@

  // Whether to cancel the http request that has been sent but not responded when switching the interface.
  // If it is enabled, I want to overwrite a single interface. Can be set in a separate interface
  removeAllHttpPending: true,
  removeAllHttpPending: false,
};

export default setting;