Ant Design Pro 修改主题设置

我是 · 闪电

已于 2022-11-15 17:11:14 修改

阅读量2.8k

点赞数

分类专栏： AntDesignPro 文章标签： react.js 开发语言 javascript 前端 vscode

于 2022-07-10 18:45:55 首次发布

本文链接：https://blog.csdn.net/m0_58050016/article/details/125709272

版权

AntDesignPro 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

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;