主题切换
默认配置项
路径: /src/config/defaultSettings.js
js
/**
* 项目默认配置项
* primaryColor - 默认主题色, 如果修改颜色不生效,请清理 localStorage
* navTheme - sidebar theme ['dark', 'light'] 两种主题
* colorWeak - 色盲模式
* layout - 整体布局方式 ['sidemenu', 'topmenu'] 两种布局
* fixedHeader - 固定 Header : boolean
* fixSiderbar - 固定左侧菜单栏 : boolean
* autoHideHeader - 向下滚动时,隐藏 Header : boolean
* contentWidth - 内容区布局: 流式 | 固定
* navMenuTheme 菜单风格 垂直划入vertical | 水平折叠fold
* customizeNavMenu 自定义导航菜单路径 (路径为/components/** 如/components/SideNavMenu/main.vue) ---(<=1.2.5版本)
* storageOptions: {} - Vue-ls 插件配置项 (localStorage/sessionStorage)
* production: 变量暂先设定为 false,目的是各种环境都正常显示设置抽屉,真实环境请放开注释
* sidebarConfig - 侧边栏配置 ---(<=1.2.5版本)
* foldWidth - 折叠时宽度 默认68
* horizontalWidth - 水平模式宽度 默认172
* verticalWidth - 垂直模式宽度 默认245
* customizeWidth - 自定义模块宽度 默认172
* weekBegins 周开始日期 0-周日 1-周一 2-周三...(默认为0) ---(<=1.2.7版本)
* loginLayout 登录页面模版 (默认为platform) ---(<=1.2.93版本)
* platform - 平台级默认
* enterprise - 企业级居中
* enterprise-r - 企业级靠右(上下对称间距)
* enterprise-trb - 企业级靠右(上下无间距)
* btnMode 按钮显示方式 (默认为text) ---(<=1.3.0版本)
* text - 文本
* btn - 按钮
*/
export default {
primaryColor: '#1890FF', // primary color of ant design
navTheme: 'light', // theme for nav menu
navMenuMode: 'vertical',
navMenuTheme: 'vertical',
sidebarConfig: {
foldWidth: 68,
horizontalWidth: 172,
verticalWidth: 245,
customizeWidth: 256
}, //sidebar configuration
//customizeNavMenu:'/components/SideNavMenu/main.vue',// customize navigation menu path
layout: 'sidemenu', // nav menu position: sidemenu or topmenu
contentWidth: 'Fixed', // layout of content: Fluid or Fixed, only works when layout is topmenu
fixedHeader: true, // sticky header
fixSiderbar: true, // sticky siderbar
autoHideHeader: false, // auto hide header
colorWeak: false,
multiTab: false,
crumbsSate: false,
weekBegins: 0,
loginLayout:'platform',
btnMode:'text',
production: import.meta.NODE_ENV === 'production' && import.meta.VUE_APP_PREVIEW !== 'true',
// vue-ls options
storageOptions: {
namespace: 'pro__', // key prefix
name: 'ls', // name variable Vue.[ls] or this.[$ls],
storage: 'local' // storage name session, local, memory
},
messages: {
'en_US': {},
'zh_CN': {},
'vi_VN': {},
'id_ID': {}
}
}