// ProLayout 支持的api https://procomponents.ant.design/components/layout export const layout: RunTimeLayoutConfig = ({ initialState, setInitialState }) => { const onCollapse = (collapsed: boolean): void => { setInitialState({ ...initialState, collapsed }).then(); }; const onSettings ...
🐞 修复ant-design/ant-design-pro#4532,修复 icon 大小错位的问题。 🐞 修复ant-design/ant-design-pro#4482, 修复 menuData 未判断空值的问题。 🌟 SettingDrawer 默认从 localStorage 中获取语言配置。 🌟 修改antd/lib的引入到antd/es 🐞 修复css的层级过低造成被antd样式覆盖的问题。
注释掉onPageChange的代码和getInitialState用户相关的 chenshuai2144closed this ascompletedFeb 3, 2021 github-actionsbotmentioned this issueApr 15, 2021 自问自答,没有找到特别好的办法,通过屏蔽跳转登陆页面,自动填充currentUser信息来解决问题: 修改app.tsx和pages/user/login/index.tsx 2个文件 ...
expandTrigger="hover"placeholder="请选择类别"changeOnSelect/> <Search className={styles.extraContentSearch} placeholder="请输入关键字"onSearch={(e) =>this.handleSearch(e)} /> <Button type="primary" onClick={this.showAddType} style={{marginRight: 16}}>添加分类</Button> <Button type="prima...
一、Ant Design Pro新增单个页面目录 1、 client -> src -> pages 中新增文件夹,比如 category的list ├── category └── list └── _mock.js // 模拟数据(可忽略) └── model.js // 处理请求的model组件,如果简单请求,直接写到 index.jsx中,简单化。(可忽略) ...
直接使用官方例子(https://gitee.com/ant-design-blazor/ant-design-pro-blazor)。然后换个标即可。 二、主界面 主界面同样也使用官方例子,但是为了对接自己的数据结构,稍微改了点 三、构建标准的增删改业务界面 为了避免业务代码的重复,构建两大基类,一个是List...
日常ProComponent(Ant Design Pro) ProComponent就是算是对antd的又一次集成和封装,减少了前端对于细节和联动的处理,总之就是用起来特别爽。 那这里就不对ProComponent做过多介绍了,我们直奔主题,如何使用,或者说如何更优雅、更方便的使用组件和编写代码一直是任何一位程序员的核心追求,我也是PiuPiuPiu~!
简介:【Ant Design Pro】使用ant design pro做为你的开发模板(九)开发第一个完整的后台页面(二) 前言 上章我们说了,如何搭建一个自己想要的后台页面。那本章我们就来说一说,这个页面的接口调用,以及如果在这个页面中完成新增与编辑功能。 一、开发前: ...
ant design pro : v4.2.2 umi: v3.2.14 pro-layout: v6.4.19 typescript: v4.0.3 思路 一、菜单是在在src/layouts/BasicLayout.tsx的menuDataRender属性中进行渲染,所以需要把后台获取到的数据传入menuDataRender属性 二、使用react hooks的useEffect 中使用dva的dispatch来请求菜单。
title="确认删除?"onConfirm={()=>{this.handleRemove(record);}}okText="确认"cancelText="取消">删除</Popconfirm>),},];componentDidMount(){const{dispatch}=this.props;dispatch({type:'client/fetch'});}handleTableChange=pagination=>{const{current,pageSize}=pagination;const{dispatch}=this.props...