首页配置 · JeecgBoot Vue3前端文档

## 默认主题配置默认全局主题色配置位于 [build/config/glob/themeConfig.ts](https://github.com/jeecgboot/jeecgboot-vue3/tree/master/build/config/themeConfig.ts) 内只需要修改 primaryColor 为您需要的配色，然后重新执行`yarn serve`即可 ## 颜色配置用于预设一些颜色数组在 [src/settings/designSetting.ts](https://github.com/jeecgboot/jeecgboot-vue3/tree/master/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](https://github.com/jeecgboot/jeecgboot-vue3/tree/master/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](https://github.com/jeecgboot/jeecgboot-vue3/tree/master/src/views/dashboard/Analysis/index.vue) 内配置 ~~~ <script lang="ts" setup> ..... //修改indexStyle 的值 const indexStyle = ref(0); ..... </script> ~~~ ## 默认跳转首页配置在[src/enums/pageEnum.ts](https://github.com/jeecgboot/jeecgboot-vue3/tree/master/src/enums/pageEnum.ts)内配置 ~~~ export enum PageEnum { // 登录页 BASE_LOGIN = '/login', // 首页 BASE_HOME = '/dashboard', //错误页 ERROR_PAGE = '/exception', } ~~~