react的ant design的UI组件库

PC官网:https://ant.design/

移动端网址:https://mobile.ant.design/docs/react/introduce-cn

antd-mobile :是 Ant Design 的移动规范的 React 实现,服务于蚂蚁及口碑无线业务。

特性和优势:

  • UI 样式高度可配置,拓展性更强,轻松适应各类产品风格

  • 基于 React Native 的 iOS / Android / Web 多平台支持,组件丰富、能全面覆盖各类场景 (antd-mobile-rn)

  • 提供 "组件按需加载" / "Web 页面高清显示" / "SVG Icon" 等优化方案,一体式开发

  • 使用 TypeScript 开发,提供类型定义文件,支持类型及属性智能提示,方便业务开发

  • 全面兼容 react / preact

适用场景:

  • 适合于中大型产品应用

  • 适合于基于 react / preact / react-native 的多终端应用

  • 适合不同 UI 风格的高度定制需求的应用



1.创建一个项目

可以是已有项目,或者是使用 dva / create-react-app 新创建的空项目,你也可以从 官方示例 脚手架里拷贝并修改

2.create-react-app里的使用安装

$ npm install antd-mobile --save

(1)、添加html代码;改写js代码

1.webpack.config.js安装loader