前言
mui是一款接近原生App體驗的前端框架，只需要掌握前端技術就可以開發APP應用，官方有提供功能比較全面的demo版本， 但在實戰中總會遇到一些不可避免但坑，對於沒有接觸過mui的開發者，難免會浪費很多時間在踩坑上。
該專案以mui為開發框架，artTemplate.js作為js模版引擎，沒有繁瑣的配置和編譯過程，拿來就可以上手，適合剛接觸mui的同學參考和學習
專案執行
git clone https://github.com/EasyTuan/mui-kidApp.git
國內映象加速節點
git clone git@gitee.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配置檔案
複製程式碼部分截圖展示
首頁展示
對戰發起 && 官方資訊
論壇 && 帖子詳情
使用者中心
說明
如果對您有幫助，您可以點選專案 "Star" 支援一下 謝謝！ ^_^
或者您可以 "follow" 一下，我會不斷開源更多的有趣的專案
如有問題請直接在 Issues 中提，或者您發現問題並有非常好的解決方案，歡迎 PR