umi dva antd mobile

? ? [email protected] と antd-mobile@next に基づいて新しく構築されたモバイル アプリケーション ボックスとポータル ?

申し訳ありませんが、このプロジェクトはメンテナンスのため停止されています。ご迷惑をおかけしないように、あくまで参考としてご利用ください。

将来的には、私が構築した h5 フレームワークを再度オープンソース化する予定ですので、今後ともよろしくお願いいたします。

umi-dva-antd-モバイル

このプロジェクトでは主に、基礎となるフレームワークとして UMI + DVA を使用し、UI コンポーネント ライブラリとして Ant Design Mobile を使用し、完全なフロントエンド エンジニアリングの実践を含みます。

一部のコードと関数は 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 アドレスが問題に提供されました。

1. モバイル ブラウザーまたは WeChat ブラウザーで NIO H5 イベントをプレビューすることをお勧めします。

2. モバイル ブラウザまたは WeChat ブラウザで H5 デモをプレビューすることをお勧めします。

3. モバイル ブラウザまたは WeChat ブラウザで宝くじカルーセルのデモをプレビューすることをお勧めします。

* DEMOコードは公式プロジェクトから抽出されたものであり、 examplesディレクトリには配置されていないことに注意してください。必要な場合は、ニュースを見てすぐに提供します。 ?

デモ

効果をプレビューするには、以下の QR コードをスキャンしてください。

現在デモサーバーが不安定なため、ローカルで実行して効果を確認することをお勧めします。

H5申請（完了）	APPアプリケーション

デモはまだ改良中です。 。 。

サポート環境

iOSサファリ	アンドロイド
iOSサファリ	アンドロイド4.0以上

参加して貢献する

皆様の貢献を歓迎します。以下の方法で私と一緒に構築にご協力いただけます:

• バグを報告したり、Issue から問い合わせたりしてください。
• コードを改善するにはプルリクエストを送信してください。