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;

相关文章
|
11月前
ant design pro 更改表格自带的分页
ant design pro 更改表格自带的分页
79 0
|
前端开发 JavaScript
【Ant Design Pro】使用ant design pro做为你的开发模板(一)拉取项目
【Ant Design Pro】使用ant design pro做为你的开发模板(一)拉取项目
1111 0
【Ant Design Pro】使用ant design pro做为你的开发模板(一)拉取项目
|
开发工具 git
【Ant Design Pro】使用ant design pro做为你的开发模板(五)去除无效代码,生成一个清晰的开发模板
【Ant Design Pro】使用ant design pro做为你的开发模板(五)去除无效代码,生成一个清晰的开发模板
598 0
【Ant Design Pro】使用ant design pro做为你的开发模板(五)去除无效代码,生成一个清晰的开发模板
|
前端开发 JavaScript Java
【Ant Design Pro】使用ant design pro做为你的开发模板(完结篇)上线部署项目
【Ant Design Pro】使用ant design pro做为你的开发模板(完结篇)上线部署项目
660 0
【Ant Design Pro】使用ant design pro做为你的开发模板(完结篇)上线部署项目
|
10月前
Ant Design Pro:设置目录配置
Ant Design Pro:设置目录配置
|
缓存 JavaScript 安全
【Ant Design Pro】使用ant design pro做为你的开发模板(四) 联调正式后台接口与运行时全局配置
【Ant Design Pro】使用ant design pro做为你的开发模板(四) 联调正式后台接口与运行时全局配置
1155 0
【Ant Design Pro】使用ant design pro做为你的开发模板(四) 联调正式后台接口与运行时全局配置
|
7月前
Ant Design pro删除模块笔记(二)
Ant Design pro删除模块笔记(二)
52 0
|
API
【Ant Design Pro】使用ant design pro做为你的开发模板(九)开发第一个完整的后台页面(二)
【Ant Design Pro】使用ant design pro做为你的开发模板(九)开发第一个完整的后台页面(二)
667 0
【Ant Design Pro】使用ant design pro做为你的开发模板(九)开发第一个完整的后台页面(二)
|
11月前
|
前端开发 JavaScript 安全
【Ant Design Pro】使用ant design pro做为你的开发模板 OpenAPI,快速管理你的请求接口。
前言 >转载好文,作者:[赵小左](https://blog.csdn.net/qq_31281245/article/details/126783707)
【Ant Design Pro】使用ant design pro做为你的开发模板 OpenAPI,快速管理你的请求接口。
|
10月前
Ant Design Pro修改登录
Ant Design Pro修改登录
151 0