但是ant design pro 的示例工程里面角色是被定死的,角色对应的菜单也是被定死的, 面对可以配置的需求,就需要有服务端来指定页面菜单的显示; 菜单位于 'src\layouts\BasicLayout.js' 文件内, 具体可以看出 是通过 DVA 获取的,来源位于 'src\models\menu.js' 文件内, 具体可以看出 修改思路,通过修改 model, 改...
预 览开始使用 1 2 3 4 Feature What canProdo for you 优雅美观 基于Ant Design 体系精心设计 常见设计模式 提炼自中后台应用的典型页面和场景 最新技术栈 使用Vue/vuex/antd 等前端前沿技术开发 响应式 针对不同屏幕大小设计 主题 可配置的主题满足多样化的品牌诉求 ...
Hooks和Ant Design V4的搭配,的确用着很香,尤其是Form表单的重写,大大提高了开发效率。于是趁着空闲时间,我决定把一个自己负责的Ant Design Pro V2项目也升级到V4版本。 特此记录下升级过程。 UMI3升级 我当时使用的是ant-design-pro 2.2.0 脚手架生成的前端项目(JS版,非TS版),使用的是umi@2和antd@3。因此...
$ git clone https://github.com/ant-design/ant-design-pro.git --depth=1 $cdant-design-pro $ npm install $ npm start#visit http://localhost:8000 Or you can use the command tool:ant-design-pro-cli $ npm install ant-design-pro-cli -g $ mkdir pro-demo&&cdpro-demo $ pro new ...
2.0版本的Ant Design Pro默认主题路径是: @import '~antd/lib/style/themes/default.less'; 1. 新增主题文件就需要覆盖掉原始主题文件default.less中同名的变量,默认主题里面部分样式如下: // Background color for `` @body-background: #ff6120; // Base...
1.0 发布之后,Ant Design Pro 受到了业界广泛关注和使用,GitHub 上 star 数一路增长到 11,686 个,在蚂蚁金服内部也落地数百个中后台应用。 在这 8 个月内,2.0 研发计划也在持续进行中,在给 V2 版本发起过 PR …
ant-design-vue为 Web 应用提供了丰富的基础 UI 组件,我们还将持续探索企业级应用的最佳 UI 实践。 通用 3 Button 按钮 Icon 图标 Typography 排版 布局 4 Divider 分割线 Grid 栅格 Layout 布局 Space 间距 导航 7 Affix 固钉 Breadcrumb 面包屑 Dropdown 下拉菜单 ...
Ant Design is the most influential web design specification in Xihu district Credentials Mobile number Remember meForgot your password? Login Sign in withSign up
Ant Design 布局组件# 除了Pro 里的内建布局以外,在一些页面中需要进行布局,可以使用 Ant Design 目前提供的两套布局组件工具:Layout和Grid。 Grid 组件# 栅格布局是网页中最常用的布局,其特点就是按照一定比例划分页面,能够随着屏幕的变化依旧保持比例,从而具有弹性布局的特点。
【国际化 - Ant Design Pro】 不详查看官方文档的,那就跟我一步一步的往下走。我们来给我们的Home 页面菜单添加上国际化(多语言切换)。 1. 首先我们需要打开 config/config.ts 文件,我们需要配置国际化。 2. 其次,我们需要在src/locales中增加相应的 国际化key。例如: ...