迁移 从v4 到 v5 从Less 变量到 Design Token 其他 社区精选组件 贡献指南 FAQ定制主题Ant Design 设计规范和技术上支持灵活的样式定制,以满足业务和品牌上多样化的视觉需求,包括但不限于全局样式(主色、圆角、边框)和指定组件的视觉定制。 在5.0 版本的 Ant Design 中,我们提供了一套全新的定制主题方案。不同于...
从v4 到 v5 本文档将帮助你从 antd4.x版本升级到 antd5.x版本,如果你是3.x或者更老的版本,请先参考之前的升级文档升级到 4.x。 升级准备 请先升级到 4.x 的最新版本,按照控制台 warning 信息移除/修改相关的 API。 5.0 有哪些不兼容的变化
antd 在 v5 中通过 CSSinJS 的技术带来了无与伦比的主题自定义能力,这也是我们所认为的未来方向。但截至目前来看,无论是内部落地应用,还是社区的相关反馈,关于antd v5 token 系统如何使用、less 怎么迁移、应用如何集成 cssinjs 等问题,都让应用开发者较难开始使用 CSSinJS 的技术来书写样式。 上一篇《聊聊 A...
在学习了一段时间前端知识,研究了一段时间的React之后,初步对 React 有了了解和掌握,能够看懂一些代码和运行逻辑。 在解决了Rdeux和Router之后,决定尝试上手实例,从理论向实践转移。 在学习的过程中,见的最多的是create-react-app脚手架创建项目,当然这个是很基础的一个创建,很多东西需要自己装配上去。而 antd desi...
然后在根目录执行构建npm run build,如果构建过了就直接下一步。 antd design pro v5 在pageage.json中已经自动添加了脚本serve: umi-serve。 下一步就是安装umi-serve,yarn add umi-serve,等待安装完成就可以启动了npm run serve [root@centos1 antd-pro-v5-demo]# yarn add umi-serve... success...
v5 官方研发了一套针对组件级别的 CSS-in-JS 库 @ant-design/cssinjs。它通过牺牲动态性来获取更高的缓存效率,从而减少运行时的性能损耗。 https://www.npmjs.com/package/@ant-design/cssinjs 通过动态主题能力,你通过 ConfigProvider 可以任意调整、嵌套主题: ...
Ant Design V5 基于这样的设计语义模型,可以为界面的灵活定制带来非常高的自由度,这是保证 V5 灵活性的底层设计逻辑。 业务设计系统定制 接下来我们来聊聊业务设计系统当中,我们如何去更加简单、高效地为业务设计系统进行定制。 全局样式定制 如下述视频所示,我们在 V5 中提供了主题编辑器。通过这个主题编辑器,设计师...
Ant Design V5是截止目前 Ant Design 组件库最新版本,我们在业务场景已经开始应用,但在近期的测试中发现 Ant Design 组件无法在 360 极速浏览器(极速模式)下显示组件样式。经过查看样式和查阅官方文档, Ant Design V5 组件的样式中大量使用了 :where() 选择器来降低选择器的优先级,以此减少开发者升级组件库时额外...
Ant Design GitHub 仓库地址:https://github.com/ant-design/ant-design/Ant Design 官网:https://ant.design/引言在 9 月底,我们发布了 v5 alpha 版本。经过 2 个月的调整,API 已经逐渐稳定。感谢社区同学所…
从v4 到 v5 本文档将帮助你从 antd4.x版本升级到 antd5.x版本,如果你是3.x或者更老的版本,请先参考之前的升级文档升级到 4.x。 升级准备 请先升级到 4.x 的最新版本,按照控制台 warning 信息移除/修改相关的 API。 5.0 有哪些不兼容的变化