Appearance
概述
后台前端的核心业务与 UI 布局配置位于 src/setting.js 中。开发者可以通过调整该配置自定义系统默认的布局风格、菜单交互及接口请求参数。
基础与接口配置
javascript
// src/setting.js
export default {
// 网页标题后缀(如:“- 承信租管理后台”)
titleSuffix: ' - 承信租',
// 路由模式:'history' | 'hash'
routerMode: 'history',
// 应用基础路径
routerBase: '/admin/',
// 页面切换时是否展示加载进度条
showProgressBar: true,
// 接口请求基础地址(若留空则走相对路径同源代理)
apiBaseURL: process.env.NODE_ENV === 'production' ? '' : '/adminapi',
// 接口报错弹窗停留时间(秒)
modalDuration: 3,
// Cookies 默认存储时效(天)
cookiesExpires: 1
}布局与导航配置 (layout)
| 配置项 | 默认值 | 作用说明 |
|---|---|---|
siderTheme | 'dark' | 侧边栏主题风格('dark' 暗黑 / 'light' 亮白) |
headerTheme | 'light' | 顶栏主题风格('light' / 'dark' / 'primary') |
tabs | true | 是否启用多标签页(Tabs)导航 |
tabsFix | true | 是否固定多标签页在顶部 |
siderFix | true | 是否固定侧边栏 |
headerFix | true | 是否固定顶栏 |
headerMenu | false | 是否开启顶部一级菜单栏模式 |
menuAccordion | true | 侧边菜单栏是否开启手风琴模式(同时仅展开一组) |
showSiderCollapse | true | 是否显示侧边栏折叠展开按钮 |
showBreadcrumb | true | 是否展示顶部面包屑导航 |
showLog | true | 是否显示前端错误日志收集图标 |
logoutConfirm | true | 点击退出登录时是否弹出确认提示框 |
侧边栏菜单宽度与动态样式
若需调整侧边栏宽度:
- 修改
src/setting.js中的menuSideWidth: 256; - 同步修改
src/styles/setting.less中的@menuSideWidth: 256px。