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
2021最新阿里代码规范(前端篇)
2021最新阿里代码规范(前端篇)
59275 11
2021最新阿里代码规范(前端篇)
|
8月前
|
开发框架 缓存 前端开发
【Axure原型】Ant Design Pro 原型后台项目-免费
Ant Design Pro 是基于 Ant Design 组件库构建的企业级中后台前端解决方案,提供丰富的页面模板、预设设计规范、路由配置及状态管理,支持快速搭建高质量应用。内置高阶组件如 ProTable、ProForm,提升开发效率,适用于复杂业务场景。
691 0
|
缓存 Ubuntu Linux
Docker Buildx 简介与安装指南
Docker Buildx 是一个强大的工具,提供了多架构构建、并行构建和高级缓存管理等功能。通过正确安装和配置 Buildx,可以显著提升 Docker 镜像的构建效率和灵活性。希望本文能帮助你更好地理解和使用 Docker Buildx,以提高开发和部署的效率。
6728 16
|
JSON 前端开发 JavaScript
不会webpack的前端可能是捡来的,万字总结webpack的超入门核心知识
该文章提供了Webpack的基础入门指南,涵盖安装配置、基本使用、加载器(Loaders)、插件(Plugins)的应用,以及如何通过Webpack优化前端项目的打包构建流程。
不会webpack的前端可能是捡来的,万字总结webpack的超入门核心知识
|
移动开发 前端开发 API
React 拖拽组件 Drag & Drop
本文介绍了在 React 中实现拖拽功能的方法,包括使用原生 HTML5 Drag and Drop API 和第三方库 `react-dnd`。通过代码示例详细讲解了基本的拖拽实现、常见问题及易错点,帮助开发者更好地理解和应用拖拽功能。
1224 9
|
前端开发
react中使用Modal.confirm数据不更新的问题解决
文章讨论了在React中使用Ant Design的`Modal.confirm`时更新数据不生效的问题,并提供了解决方案。原因是React状态更新可能是异步的,导致Modal的内容更新后不会立即反映在UI上。解决办法是在状态更新后使用`useEffect`钩子来调用Modal实例的`update`方法,从而更新Modal的内容。
707 0
react中使用Modal.confirm数据不更新的问题解决
|
SQL Java 数据库连接
成功解决:was not registered for synchronization because synchronization is not active
这篇文章是关于解决Mybatis在同步过程中出现"was not registered for synchronization because synchronization is not active"错误的技术博客。
成功解决:was not registered for synchronization because synchronization is not active
|
小程序 算法 前端开发
微信小程序---授权登录
微信小程序---授权登录
416 0
umi中@umijs/plugin-dva的使用,及实现一套增删改
符合以下规则的文件会被认为是 model 文件: • src/models 下的文件 • src/pages 下,子目录中 models 目录下的文件 • src/pages 下,所有model.ts 文件(不区分任何字母大小写)
736 0
|
Linux Windows
程序技术好文:键盘键码对照
程序技术好文:键盘键码对照
2079 0