https://github.com/yunsii/ant-design-mobile-pro

🛠 Use Ant Design Mobile like Ant Design Pro.
https://github.com/yunsii/ant-design-mobile-pro

antd-mobile dva umi

Last synced: about 1 year ago
JSON representation

🛠 Use Ant Design Mobile like Ant Design Pro.

• Host: GitHub
• URL: https://github.com/yunsii/ant-design-mobile-pro
• Owner: yunsii
• License: mit
• Created: 2019-08-12T12:19:13.000Z (almost 7 years ago)
• Default Branch: master
• Last Pushed: 2020-04-08T15:38:32.000Z (about 6 years ago)
• Last Synced: 2025-04-28T15:52:10.274Z (about 1 year ago)
• Topics: antd-mobile, dva, umi
• Language: TypeScript
• Homepage: https://yunsii.github.io/ant-design-mobile-pro
• Size: 793 KB
• Stars: 28
• Watchers: 1
• Forks: 6
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
Ant Design Mobile Pro




像 [Ant Design Pro](https://github.com/ant-design/ant-design-pro) 一样使用 Ant Design Mobile。



![ant-deisgn-mobile-pro-puzzle-min.png](https://i.loli.net/2019/12/20/6nMpEzVkIruC15Y.png)

在线预览，请[猛戳这里](https://theprimone.github.io/ant-design-mobile-pro)。接口报错可以忽略。

## 已有特性

* 代码分割

* 高清方案

* 结合 CustomIcon 快速使用 iconfont

## 核心组件

* [AsyncRender](/src/components/AsyncRender/index.ts) - 数据异步渲染组件

* [Avatar](/src/components/Avatar/index.tsx) - 从 ant-design 迁移的 [Avatar](https://ant.design/components/avatar-cn/) 组件

* [CustomIcon](/src/components/CustomIcon/index.tsx) - 配置 `type` 即可使用 iconfont 中的图标

* [Description](/src/components/Description/index.tsx) - 描述字段

* [Ellipsis](/src/components/Ellipsis/index.tsx) - 文本自动省略号，引用自 https://v2-pro.ant.design/components/ellipsis-cn

* [Form](/src/components/Form/index.tsx) - 基于 antd-mobile 的配置化实现表单功能的组件，仿 [antd-form-mate](https://github.com/theprimone/antd-form-mate) 实现

* [PageWrapper](/src/components/PageWrapper/index.tsx) - 定制导航栏实现

* [Paper](/src/components/Paper/index.tsx) - 纸张组件

* [SimpleCard](/src/components/SimpleCard/index.tsx) - 简单卡片

* [Spin](/src/components/Spin/index.tsx) - 从 ant-design 迁移的 [Spin](https://ant.design/components/spin-cn/) 组件

* [StandardList](/src/components/StandardList/index.tsx) - 基于 ListView 封装的快速实现数据长列表渲染的组件

* [Statistics](/src/components/Statistics/index.tsx) - 统计数字展示

## 一些问题

1. 实测发现 fastclick 的功能在 iOS 设备上会导致输入框点击多次才有响应，故只在非 iOS 设备上[添加](/src/global.ts#L15)该功能。