前言

mui是一款接近原生App體驗的前端框架，只需要掌握前端技術就可以開發APP應用，官方有提供功能比較全面的demo版本，
但在實戰中總會遇到一些不可避免但坑，對於沒有接觸過mui的開發者，難免會浪費很多時間在踩坑上。

該項目以mui為開發框架，artTemplate.js作為js模版引擎，沒有繁瑣的配置和編譯過程，拿來就可以上手，適合剛接觸mui的同學參考和學習

(項目地址)[https://github.com/EasyTuan/mui-kidApp]

項目運行

git clone https://github.com/EasyTuan/mui-kidApp.git

打開HBuider，打開項目

右鍵項目=>轉換為移動App

運行=>真機運行(需要usb連接手機)

註：伺服器到期，介面服務不再支持，能正常登陸和退出，不影響正常功能但預覽和學習

目標功能

• [x] 定位功能 -- 完成
• [x] 選擇城市 -- 完成
• [x] 展示所選地址附近商家列表 -- 完成
• [x] 在高德地圖中尋找店鋪 -- 完成
• [x] 搜索文章，賽事 -- 完成
• [x] 商家列表頁 -- 完成
• [x] 店鋪評價頁面 -- 完成
• [x] 單張卡牌詳情頁面 -- 完成
• [x] 商家詳情頁 -- 完成
• [x] 登錄、註冊 -- 完成
• [x] 三方微信、QQ登陸 -- 完成
• [x] 修改密碼 -- 完成
• [x] 個人中心 -- 完成
• [x] 發送簡訊、語音驗證 -- 完成
• [x] 賽事列表 -- 完成
• [x] 賽事詳情 -- 完成
• [x] 添加、刪除、修改收貨地址 -- 完成
• [x] 帳戶信息 -- 完成
• [x] 服務中心 -- 完成
• [x] 紅包 -- 完成
• [x] 上傳頭像 -- 完成
• [x] 卡牌對戰發起 -- 完成

業務介紹

入口地址為 html/main.html

目錄結構

├── css                     //css樣式文件
├── fonts                   //字體圖標
├── html                        //頁面
├── images                  //圖片
├── js                      //js
│    └── lib                        //js第三方庫
├── unpackage               //App圖標、啟動頁
└── manifest.json           //App配置文件

部分截圖展示

說明

如果對您有幫助，您可以(點擊項目)[https://github.com/EasyTuan/mui-kidApp] 支持一下 謝謝！ ^_^

或者您可以 "follow" 一下，我會不斷開源更多的有趣的項目

如有問題請直接在 Issues 中提，或者您發現問題並有非常好的解決方案，歡迎 PR