Ant Design Pro 修改主题设置

简介: Ant Design Pro 修改主题设置

Ant Design Pro 修改主题设置


主题是在项目根目录下的config/defaultSettings.js文件下内所定义的
其中导出的Settings对象中即为默认的主题等配置,如下图:
const Settings = {
  navTheme: 'light',//菜单导航 light白 | dark黑
  primaryColor: '#1890ff',//蚂蚁设计的主要颜色
  layout: 'mix',//菜单模式,side:右侧导航,top:顶部导航,mix混合
  contentWidth: 'Fluid',//内容模式,Fluid:自适应,Fixed:定宽 1200px
  fixedHeader: false,//是否固定 header 到顶部 Boolean 默认false
  fixSiderbar: true,//是否固定导航 Boolean 默认false
  title: 'Ant Design Pro',//标签页标题与项目标题
  logo: 'https://gw.alipayobjects.com/zos/rmsportal/KDpgvguMpGfqaHPjicRK.svg',//项目图标
};
export default Settings;

相关文章
|
前端开发 JavaScript Java
【Ant Design Pro】使用ant design pro做为你的开发模板(完结篇)上线部署项目
【Ant Design Pro】使用ant design pro做为你的开发模板(完结篇)上线部署项目
1168 0
【Ant Design Pro】使用ant design pro做为你的开发模板(完结篇)上线部署项目
|
前端开发 JavaScript
【Ant Design Pro】使用ant design pro做为你的开发模板(一)拉取项目
【Ant Design Pro】使用ant design pro做为你的开发模板(一)拉取项目
1597 0
【Ant Design Pro】使用ant design pro做为你的开发模板(一)拉取项目
|
2月前
|
开发框架 缓存 前端开发
【Axure原型】Ant Design Pro 原型后台项目-免费
Ant Design Pro 是基于 Ant Design 组件库构建的企业级中后台前端解决方案,提供丰富的页面模板、预设设计规范、路由配置及状态管理,支持快速搭建高质量应用。内置高阶组件如 ProTable、ProForm,提升开发效率,适用于复杂业务场景。
|
开发工具 git
【Ant Design Pro】使用ant design pro做为你的开发模板(五)去除无效代码,生成一个清晰的开发模板
【Ant Design Pro】使用ant design pro做为你的开发模板(五)去除无效代码,生成一个清晰的开发模板
935 0
【Ant Design Pro】使用ant design pro做为你的开发模板(五)去除无效代码,生成一个清晰的开发模板
|
前端开发 JavaScript
Ant-design-vue定制主题色
Ant-design-vue定制主题色
|
缓存 JavaScript 安全
【Ant Design Pro】使用ant design pro做为你的开发模板(四) 联调正式后台接口与运行时全局配置
【Ant Design Pro】使用ant design pro做为你的开发模板(四) 联调正式后台接口与运行时全局配置
1882 0
【Ant Design Pro】使用ant design pro做为你的开发模板(四) 联调正式后台接口与运行时全局配置
Ant Design Vue UI框架的基础使用,及通用后台管理模板的小demo【简单】
这篇文章介绍了如何使用Ant Design Vue UI框架创建一个简单的后台管理模板,包括创建Vue项目、安装和使用ant-design-vue、以及编写后台管理通用页面的代码和样式。
Ant Design Vue UI框架的基础使用,及通用后台管理模板的小demo【简单】
|
API
【Ant Design Pro】使用ant design pro做为你的开发模板(九)开发第一个完整的后台页面(二)
【Ant Design Pro】使用ant design pro做为你的开发模板(九)开发第一个完整的后台页面(二)
1166 0
【Ant Design Pro】使用ant design pro做为你的开发模板(九)开发第一个完整的后台页面(二)
|
Dart 前端开发 JavaScript
dart-sass与node-sass的区别以及使用dart-sass可能会出现的问题
dart-sass与node-sass的区别以及使用dart-sass可能会出现的问题
1878 0
dart-sass与node-sass的区别以及使用dart-sass可能会出现的问题
|
前端开发
【Ant Design Pro】使用ant design pro做为你的开发模板(七)如何动态加载菜单列表
【Ant Design Pro】使用ant design pro做为你的开发模板(七)如何动态加载菜单列表
1129 0
【Ant Design Pro】使用ant design pro做为你的开发模板(七)如何动态加载菜单列表