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;


页面修改


修改登录页在src/pages/user/login

修改顶栏右侧在 components/Right

修改底部在components/Footer


相关文章
|
前端开发 JavaScript
【Ant Design Pro】使用ant design pro做为你的开发模板(一)拉取项目
【Ant Design Pro】使用ant design pro做为你的开发模板(一)拉取项目
1333 0
【Ant Design Pro】使用ant design pro做为你的开发模板(一)拉取项目
|
数据安全/隐私保护
Ant Design Pro:权限管理
Ant Design Pro:权限管理
237 0
|
前端开发 JavaScript Java
【Ant Design Pro】使用ant design pro做为你的开发模板(完结篇)上线部署项目
【Ant Design Pro】使用ant design pro做为你的开发模板(完结篇)上线部署项目
862 0
【Ant Design Pro】使用ant design pro做为你的开发模板(完结篇)上线部署项目
|
API
【Ant Design Pro】使用ant design pro做为你的开发模板(九)开发第一个完整的后台页面(二)
【Ant Design Pro】使用ant design pro做为你的开发模板(九)开发第一个完整的后台页面(二)
874 0
【Ant Design Pro】使用ant design pro做为你的开发模板(九)开发第一个完整的后台页面(二)
Ant Design pro删除模块笔记(二)
Ant Design pro删除模块笔记(二)
98 0
Ant Design Pro 修改主题设置
Ant Design Pro 修改主题设置
357 0
|
设计模式 资源调度 JavaScript
Ant Design Pro安装及简单搭建
Ant Design Pro安装及简单搭建
563 1
|
前端开发
Ant Design pro路由菜单标签页插件使用
Ant Design pro路由菜单标签页插件使用
247 0

热门文章

最新文章