umi dva antd mobile

? ? A newly built mobile application box and portal based on [email protected] and antd-mobile@next? ?

Sorry everyone, this project has been stopped for maintenance. In order not to cause problems to you, please use it for reference only. Thank you for your support.

In the future, I will re-open source the h5 framework I have built. Thank you again for your support.

umi-dva-antd-mobile

This project mainly uses UMI + DVA as the underlying framework and Ant Design Mobile as the UI component library, including complete front-end engineering practices.

Some codes and functions are referenced from Ant Design pro

? Already supports WeChat development, meet wx branch.

Directory structure

 |-- config                                # umi 配置，包含路由，构建等配置
|-- mock                                  # 本地模拟数据
|-- public                                
|   |-- favicon.png                       # favicon
|-- src                                   # 
|   |-- assets                            # 本地静态资源
|   |-- components                        # 业务通用组件
|   |-- layout                            # 通用布局
|   |-- models                            # 全局 dva model
|   |-- services                          # 后台接口服务
|   |-- pages                             # 业务页面入口和常用模板
|   |-- e2e                               # 集成测试用例
|   |-- global.less                       # 全局样式
|   |-- global.tsx                         # 全局 JS
|   |-- theme.js                          
|-- tests                                 # 测试工具
|-- .gitignore                            # git忽略文件
|-- .editorconfig                         # 编辑器代码风格配置
|-- .eslintignore                         # eslint忽略文件
|-- .eslintrc                             # eslint规则
|-- .prettierignore                       # 代码风格配置忽略文件
|-- .prettierrc                           # 代码风格配置文件
|-- .stylelintrc                          # 样式风格配置文件
|-- package.json                          
|-- README.md                              

quick start

 // 安装项目
$ git clone -- depth = 1 https: //github.com/hqwlkj/umi-dva-antd-mobile.git my-project

$ cd my - project

// 安装依赖
$ yarn or npm install

// 运行
$ yarn start or npm run start # 访问 http : //localhost:8080

// 打包
$ yarn build or npm run build

More commands can be viewed in package.json

Online project preview address

All DEMO addresses have been provided to the Issue???

1. It is recommended to preview the NIO H5 event in a mobile browser or WeChat browser.

2. It is recommended to preview H5 DEMO in mobile browser or WeChat browser.

3. It is recommended to preview the lottery carousel DEMO in the mobile browser or WeChat browser.

*Note that the DEMO code is extracted from the official project and is not placed in the examples directory. If you need it, please ask for it in the Issue. I will provide it in time after seeing the news. Thank you all students? ?

DEMO

Please scan the QR code below to preview the effect.

Since the demo server is currently unstable, it is recommended to run it locally to see the effect. Thank you.

H5 application (completed)	APP application

The demo is still being improved. . .

Support environment

iOS Safari	Android
iOS Safari	Android 4.0+

Participate and contribute

We welcome your contributions, and you can help build with me in the following ways:

• Report bugs or make inquiries through Issues.
• Submit a Pull Request to improve the code.