ProForm表单模板组件,预设常见布局和行为 ProCard提供卡片切分以及栅格布局能力 ProDescriptions定义列表模板组件,ProTable 的配套组件 ProSkeleton页面级别的骨架屏 二、ProLayout高级布局 三、PageContainer页面容器 1.支持底部永远采用悬浮式的工具按纽栏。 四、ProCard 标准卡片...
import { HeartOutlined, SmileOutlined } from '@ant-design/icons'; import type { MenuDataItem } from '@ant-design/pro-components'; import { PageContainer, ProLayout } from '@ant-design/pro-components'; const IconMap = { smile: <SmileOutlined />, heart: <HeartOutlined />, }; const de...
PageHeaderWrapper 改名为 PageContainer, 也方便未来提供更多的功能 对于SettingDrawer,为了方便集成和部署,我们开发了 umi-plugin-setting-drawer ,只要在项目中安装这个即可快速使用。 umi-plugin-setting-drawer 依赖@umijs/plugin-initial-state和@umijs/plugin-layout, 如果要自己实现需要自动绑定@umijs/plugin-initi...
PageContainer设置自定义面包屑,当路由模式是browser 跳转走的是hash 💻 示例代码 <PageContainer title="审批详情" breadcrumb={{ routes: [ { path: '/home', breadcrumbName: '首页', }, { path: '/auditview/:id', breadcrumbName: '审批详情', }, ], }} > 🚑 其他信息Contributor chenshuai21...
import { PageContainer } from'@ant-design/pro-layout';//引入布局组件import { Card, Table, Select, Form, DatePicker, Button, Pagination } from 'antd';//引入ant design ui组件import { getCategoryList } from '../service';//引入请求接口import moment from 'moment';//时间日期组件,时间格式impo...
🧐 问题描述 我在使用PageContainer时,不希望breadcrume显示出来,就是删除下图中的红色选中部分,但是不知道怎么配置可以实现这个功能? 💻 示例代码 import React from 'react'; import { PageContainer } from '@ant-design/pro-layout'; export default (): React.R
Ant Design Pro V5开发指南 Ant Design Pro是一个基于 umi、dva 和 ant design 的开箱即用的中台前端/设计解决方案。 回到顶部 一、umi和dva 1.1、什么是umi umi,中文可发音为乌米,是一个可插拔的企业级 react 应用框架。umi 以路由为基础的,支持类 next.js 的约定式路由,以及各种进阶的路由功能,并以此进行...
import { HeartOutlined, SmileOutlined } from '@ant-design/icons';import type { MenuDataItem } from '@ant-design/pro-components';import { PageContainer, ProLayout } from '@ant-design/pro-components';const IconMap = {smile: <SmileOutlined />,heart: <HeartOutlined />,};const defaultMenus ...
Ant Design Pro V5 CRUD 页面的基本结构 src/pages/TableList/index.tsx import { PageContainer, FooterToolbar } from '@ant-design/pro-layout'; import type { ProColumns, ActionType } from '@ant-design/pro-table'; import ProTable from '@ant-design/pro-table'; ...
importSvgIconfrom'@/components/svgIcon'// 自定义组件constDemoTest=()=>{return<PageContainer><Card><SvgIcon type="icon-zhifubao"/></Card></PageContainer>}exportdefaultDemoTest; 说明: 将通用icon组件引入,设置type即可使用在iconfont项目中的图标。