前端配置项说明
对应 src/stores/themeConfig.ts 配置文件
- 需要每次都清理 window.localStorage 浏览器永久缓存
- 或者点击布局配置最底部 一键恢复默认 按钮即可看到效果
配置项说明
| 配置项 | 默认值 | 描述 |
|---|---|---|
| isDrawer | false | 是否开启布局配置抽屉 |
| primary | #2E5CF6 | 全局主题默认 primary 主题颜色 |
| isIsDark | false | 是否开启深色模式 |
| topBar | #ffffff | 顶栏设置默认顶栏导航背景颜色 |
| topBarColor | #606266 | 顶栏设置默认顶栏导航字体颜色 |
| isTopBarColorGradual | false | 顶栏设置是否开启顶栏背景颜色渐变 |
| menuBar | #FFFFFF | 菜单设置默认菜单导航背景颜色 |
| menuBarColor | #505968 | 菜单设置默认菜单导航字体颜色 |
| menuBarActiveColor | rgba(242…) | 菜单设置默认菜单高亮背景色 |
| isMenuBarColorGradual | false | 菜单设置是否开启菜单背景颜色渐变 |
| columnsMenuBar | #545c64 | 分栏设置默认分栏菜单背景颜色 |
| columnsMenuBarColor | #e6e6e6 | 分栏设置默认分栏菜单字体颜色 |
| isColumnsMenuBarColorGradual | false | 分栏设置是否开启分栏菜单背景颜色渐变 |
| isColumnsMenuHoverPreload | false | 分栏设置是否开启分栏菜单鼠标悬停预加载 (预览菜单) |
| isCollapse | false | 界面设置是否开启菜单水平折叠效果 |
| isUniqueOpened | true | 界面设置是否开启菜单手风琴效果 |
| isFixedHeader | false | 界面设置是否开启固定 Header |
| isFixedHeaderChange | false | 初始化变量，用于更新菜单 el-scrollbar 的高度，请勿删除 |
| isClassicSplitMenu | false | 界面设置是否开启经典布局分割菜单（仅经典布局生效） |
| isLockScreen | false | 界面设置是否开启自动锁屏 |
| lockScreenTime | 30 | 界面设置开启自动锁屏倒计时 (s/秒) |
| isShowLogo | true | 界面显示是否开启侧边栏 Logo |
| isShowLogoChange | false | 初始化变量，用于 el-scrollbar 的高度更新，请勿删除 |
| isBreadcrumb | true | 界面显示是否开启 Breadcrumb，强制经典、横向布局不显示 |
| isTagsview | true | 界面显示是否开启 Tagsview |
| isBreadcrumbIcon | false | 界面显示是否开启 Breadcrumb 图标 |
| isTagsviewIcon | false | 界面显示是否开启 Tagsview 图标 |
| isCacheTagsView | true | 界面显示是否开启 TagsView 缓存 |
| isSortableTagsView | true | 界面显示是否开启 TagsView 拖拽 |
| isShareTagsView | false | 界面显示是否开启 TagsView 共用 |
| isFooter | true | 界面显示是否开启 Footer 底部版权信息 |
| isGrayscale | false | 界面显示是否开启灰色模式 |
| isInvert | false | 界面显示是否开启色弱模式 |
| isWartermark | true | 界面显示是否开启水印 |
| wartermarkText | PigX | 界面显示水印文案 |
| tagsStyle | tags-style-five | 其它设置 Tagsview 风格，默认 tags-style-five |
| animation | slide-right | 其它设置主页面切换动画，默认 slide-right |
| columnsAsideStyle | columns-round | 其它设置分栏高亮风格，默认 columns-round |
| columnsAsideLayout | columns-vertical | 其它设置分栏布局风格，默认 columns-horizontal |
| layout | defaults | 布局设置，默认 defaults |
| isRequestRoutes | true | 后端控制路由是否开启 |
| globalTitle | PIG ADMIN | 全局网站标题 / 副标题 - 网站主标题（菜单导航、浏览器当前网页标题、登录 form 顶部右侧） |
| globalViceTitle | Pig 快速开发框架 | 全局网站标题 / 副标题 - 网站副标题（登录左侧底部页顶部文字） |
| globalViceTitleMsg | 专注、免费、开源、维护、解疑 | 全局网站标题 / 副标题 - 网站副标题（登录页顶部文字） |
| globalI18n | zh-cn | 全局网站标题 / 副标题 - 默认初始语言，可选值 zh-cn |
| globalComponentSize | default | 全局网站标题 / 副标题 - 默认全局组件大小，可选值 large |
| footerAuthor | ©2023 pig4cloud.com | 全局网站标题 / 副标题-footer 页面作者 |
图形化配置
配置界面预览
♥️ 获取支持
遇到问题？
如果您在使用过程中遇到任何问题、有功能建议或需求，请点击此卡片前往 Gitee 仓库提交 Issue。