## 默認主題配置 默認全局主題色配置位于 [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', } ~~~