umi dva antd mobile

? [email protected] 및 antd-mobile@next를 기반으로 새로 구축된 모바일 애플리케이션 상자 및 포털?

죄송합니다. 본 프로젝트는 점검을 위해 중단되었습니다. 참고용으로만 이용해주시기 바랍니다.

앞으로는 제가 구축한 h5 프레임워크를 다시 오픈소스로 공개하겠습니다.

umi-dva-antd-모바일

이 프로젝트는 완전한 프런트 엔드 엔지니어링 사례를 포함하여 기본 프레임워크로 UMI + DVA를 주로 사용하고 Ant Design Mobile을 UI 구성 요소 라이브러리로 사용합니다.

일부 코드와 기능은 Ant Design pro에서 참조되었습니다.

? 이미 WeChat 개발을 지원하고 있습니다. wx 브랜치를 만나보세요.

디렉토리 구조

 |-- 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                              

빠른 시작

 // 安装项目
$ 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

package.json에서 더 많은 명령을 볼 수 있습니다.

온라인 프로젝트 미리보기 주소

모든 DEMO 주소가 Issue???에 제공되었습니다.

1. NIO H5 이벤트를 모바일 브라우저나 WeChat 브라우저에서 미리 보는 것을 권장합니다.

2. 모바일 브라우저 또는 WeChat 브라우저에서 H5 DEMO를 미리 보는 것이 좋습니다.

3. 모바일 브라우저나 WeChat 브라우저에서 복권 캐러셀 데모를 미리 보는 것을 권장합니다.

* DEMO 코드는 공식 프로젝트에서 추출되었으며 examples 디렉터리에 포함되어 있지 않습니다. 필요한 경우 뉴스를 본 후 시간에 맞춰 제공하겠습니다. ?

데모

효과를 미리 보려면 아래 QR 코드를 스캔하세요.

현재 데모 서버가 불안정하기 때문에 로컬에서 실행해 보시는 것을 권장해 드립니다.

H5 신청(완료)	앱 신청

데모는 계속 개선되고 있습니다. . .

지원 환경

iOS 사파리	기계적 인조 인간
iOS 사파리	안드로이드 4.0+

참여하고 기여하세요

우리는 귀하의 기여를 환영하며 다음과 같은 방법으로 나와 함께 구축하는 데 도움을 줄 수 있습니다.

• 이슈를 통해 버그를 신고하거나 문의하세요.
• 코드를 개선하려면 Pull Request를 제출하세요.