首页配置

默认主题配置

默认全局主题色配置位于 build/config/glob/themeConfig.ts 内

只需要修改 primaryColor 为您需要的配色，然后重新执行yarn serve即可

颜色配置

用于预设一些颜色数组

在 src/settings/designSetting.ts 内配置

//  app主题色预设
export const APP_PRESET_COLOR_LIST: string[] = [
  '#0960bd',
  '#0084f4',
  '#009688',
  '#536dfe',
  '#ff5c93',
  '#ee4f12',
  '#0096c7',
  '#9c27b0',
  '#ff9800',
];

// 顶部背景色预设
export const HEADER_PRESET_BG_COLOR_LIST: string[] = [
  '#ffffff',
  '#009688',
  '#5172DC',
  '#1E9FFF',
  '#018ffb',
  '#409eff',
  '#4e73df',
  '#e74c3c',
  '#24292e',
  '#394664',
  '#001529',
  '#383f45',
];

// 左侧菜单背景色预设
export const SIDE_BAR_BG_COLOR_LIST: string[] = [
  '#001529',
  '#273352',
  '#ffffff',
  '#191b24',
  '#191a23',
  '#304156',
  '#001628',
  '#28333E',
  '#344058',
  '#383f45',
];

项目配置

在 src/settings/projectSetting.ts 内配置

// 项目主题色
themeColor: primaryColor,
...
// 头部配置
headerSetting: {
    // 背景色
    bgColor: HEADER_PRESET_BG_COLOR_LIST[0],
    // 主题
    theme: ThemeEnum.LIGHT,
    ...
}

// 菜单配置
menuSetting: {
  // 背景色
  bgColor: SIDE_BAR_BG_COLOR_LIST[0],
  ...
}

默认首页配置

在 src/views/dashboard/Analysis/index 内配置

<script lang="ts" setup>
    .....
   //修改indexStyle 的值
    const indexStyle = ref(0);
   .....
</script>

默认跳转首页配置

在src/enums/pageEnum.ts内配置

export enum PageEnum {
  // 登录页
  BASE_LOGIN = '/login',
  // 首页
  BASE_HOME = '/dashboard',
  //错误页
  ERROR_PAGE = '/exception',
}