组件库 Ant Design of React(官方) Ant Design of Angular(社区实现) Ant Design of Vue(社区实现) AntV 全新一代数据可视化解决方案 Ant Design Pro 开箱即用的中台前端/设计解决方案 Ant Design Mobile 基于Preact / React / React Native 的 UI 组件库 ...
Ant Design 5.0 Ant Design 5.0 使用 CSS-in-JS 技术以提供动态与混合主题的能力。与此同时,我们使用组件级别的 CSS-in-JS 解决方案,让你的应用获得更好的性能。 取消确定 信息内容展示 下拉菜单 + 1 ... 已完成 2 进行中 3 等待中 0°C26°C37°C100°C 主要按钮危险按钮默认按钮虚线按钮图标按钮 ...
antd(如何发音?)是基于 Ant Design 设计体系的 React UI 组件库,适合企业级中后台产品与前台桌面网站。 + ✨ 特性 🌈 提炼自企业级中后台产品的交互语言和视觉风格。 📦 开箱即用的高质量 React 组件。 🛡 使用 TypeScript 开发,提供完整的类型定义文件。
即可成功引入antd组件 2. 自定义主题颜色 由于这些组件采用的颜色,都是支付宝蓝,有时候我们不想要这样的颜色,想要用其他的配色,这当然是可以实现的,我们需要引用一些库和更改一些配置文件来实现 在视频中,老师讲解的是3.几版本中的实现方法,这种方法需要去暴露 React 中的配置文件,这种操作是不可返回的,一旦暴露就...
随着React hooks、Vue composition API 的推出,或许组件库有了新的突破点。 Ant Design 4.0 的一些杂事儿 - VirtualList 篇 在React 中,我们常说不太需要关注性能问题。然而作为组件库,这些事你就不得不考虑一下。 设计语言与研发框架 设计价值观 这是Ant Design 评价设计好坏的内在标准。基于「每个人都追求快乐...
但是在公司开发为了开发效率,我们往往也会选择一些非常优秀的第三方UI库,而AntDesign就是这样的一套优秀的UI组件库。 一. 认识AntDesign 1.1. AntDesign的介绍 ,简称是基于 Ant Design 设计体系的 React UI 组件库,主要用于研发企业级中后台产品。 AntDesign的特点: ...
本篇带你使用 AntDesign 组件库为我们的系统换上产品级的UI! 安装组件库 在项目目录下执行:npm i antd@3.3.0 -S 或 yarn add antd 安装组件包 执行:npm i babel-plugin-import -D 安装一个babel插件用于做组件的按需加载(否则项目会打包整个组件库,非常大) 根目录下新建.roadhogrc文件(别忘了前面的点,...
1,要配置组件的按需加载,需要在项目根目录安装react-app-rewired,用来取代react-script,在使用npm进行安装的时候,还需要指定特定的版本,另外,还需要安装babel进行模块导入: npm install react-app-rewired@2.0.2-next.0 babel-plugin-import --save 2,在项目根目录新建文件config-overrides.js,用于在项目启动前,先...
react+antDesign可以理解为 React定制的UI组件库 使用: 安装npm install antd --saveyarn add antd 引入样式文件 引入UI组件 按需加载 (1)原因 虽然组件成功运行起来了,但实际上加载了全部的antd 组件的样式,会影响前端的性能,借助react-app-rewired进行自定义配置 ...