前端配置项说明

主题配置文件

前端主题配置文件位于 src/stores/themeConfig.ts,用于管理全局主题、布局、界面显示等配置。

配置项详细说明

配置项默认值描述
isDrawerfalse是否开启布局配置抽屉
primary#2E5CF6全局主题默认 primary 主题颜色
isDarkfalse是否开启深色模式
topBar#ffffff顶栏设置默认顶栏导航背景颜色
topBarColor#606266顶栏设置默认顶栏导航字体颜色
isTopBarColorGradualfalse顶栏设置是否开启顶栏背景颜色渐变
menuBar#FFFFFF菜单设置默认菜单导航背景颜色
menuBarColor#505968菜单设置默认菜单导航字体颜色
menuBarActiveColorrgba(242...菜单设置默认菜单高亮背景色
isMenuBarColorGradualfalse菜单设置是否开启菜单背景颜色渐变
columnsMenuBar#545c64分栏设置默认分栏菜单背景颜色
columnsMenuBarColor#e6e6e6分栏设置默认分栏菜单字体颜色
isColumnsMenuBarColorGradualfalse分栏设置是否开启分栏菜单背景颜色渐变
isColumnsMenuHoverPreloadfalse分栏设置是否开启分栏菜单鼠标悬停预加载(预览菜单)
isCollapsefalse界面设置是否开启菜单水平折叠效果
isUniqueOpenedtrue界面设置是否开启菜单手风琴效果
isFixedHeaderfalse界面设置是否开启固定 Header
isFixedHeaderChangefalse初始化变量,用于更新菜单 el-scrollbar 的高度,请勿删除
isClassicSplitMenufalse界面设置是否开启经典布局分割菜单(仅经典布局生效)
isLockScreenfalse界面设置是否开启自动锁屏
lockScreenTime30界面设置开启自动锁屏倒计时(s/秒)
isShowLogotrue界面显示是否开启侧边栏 Logo
isShowLogoChangefalse初始化变量,用于 el-scrollbar 的高度更新,请勿删除
isBreadcrumbtrue界面显示是否开启 Breadcrumb,强制经典、横向布局不显示
isTagsviewtrue界面显示是否开启 Tagsview
isBreadcrumbIconfalse界面显示是否开启 Breadcrumb 图标
isTagsviewIconfalse界面显示是否开启 Tagsview 图标
isCacheTagsViewtrue界面显示是否开启 TagsView 缓存
isSortableTagsViewtrue界面显示是否开启 TagsView 拖拽
isShareTagsViewfalse界面显示是否开启 TagsView 共用
isFootertrue界面显示是否开启 Footer 底部版权信息
isGrayscalefalse界面显示是否开启灰色模式
isInvertfalse界面显示是否开启色弱模式
isWartermarktrue界面显示是否开启水印
wartermarkTextPigX界面显示水印文案
quickLinkNum12首页快捷导航数量上限
tagsStyletags-style-five其它设置 Tagsview 风格,默认 tags-style-five
animationslide-right其它设置主页面切换动画,默认 slide-right
columnsAsideStylecolumns-round其它设置分栏高亮风格,默认 columns-round
columnsAsideLayoutcolumns-vertical其它设置分栏布局风格,默认 columns-horizontal
layoutdefaults布局设置,默认 defaults
isRequestRoutestrue后端控制路由是否开启
globalTitlePIGX ADMIN全局网站标题 / 副标题-网站主标题(菜单导航、浏览器当前网页标题、登录 form 顶部右侧)
globalViceTitlePigX 快速开发框架全局网站标题 / 副标题-网站副标题(登录左侧底部页顶部文字)
globalViceTitleMsg专注、免费、开源、维护、解疑全局网站标题 / 副标题-网站副标题(登录页顶部文字)
globalI18nzh-cn全局网站标题 / 副标题-默认初始语言,可选值"<zh-cn / en / zh-tw>"
globalComponentSize'default'全局网站标题 / 副标题-默认全局组件大小,可选值"<large / 'default' / small>"
footerAuthor©2023 pig4cloud.com全局网站标题 / 副标题-footer 页面作者

重要配置项说明

主题颜色配置

  • primary - 全局主题色,影响按钮、链接等元素的颜色
  • isDark - 深色模式开关,适配暗黑主题

菜单和顶栏配置

  • menuBar / topBar - 菜单和顶栏的背景颜色
  • menuBarColor / topBarColor - 菜单和顶栏的字体颜色
  • isMenuBarColorGradual / isTopBarColorGradual - 是否开启渐变背景

界面设置

  • isCollapse - 菜单折叠开关
  • isUniqueOpened - 手风琴模式,同时只展开一个菜单
  • isFixedHeader - 固定顶栏,滚动时顶栏不动
  • isLockScreen - 自动锁屏功能
  • lockScreenTime - 自动锁屏倒计时(秒)

TagsView 配置

  • isTagsview - 是否显示标签页
  • isCacheTagsView - 是否缓存标签页内容
  • isSortableTagsView - 是否允许拖拽排序
  • isShareTagsView - 是否共用详情页标签

布局和样式

  • layout - 布局类型(defaults、classic、transverse、columns)
  • tagsStyle - 标签页风格
  • animation - 页面切换动画
  • columnsAsideStyle - 分栏高亮风格

水印配置

  • isWartermark - 是否开启水印
  • wartermarkText - 水印文案内容

图形化配置