Vue2.0版英雄聯盟助手，個人第一個小開源項目

Vue2.0版英雄聯盟助手

vuejs League of Legends project

項目地址

在線地址

1. 技術棧

由 vue-cli + mint-ui 構建，使用 axios 進行數據的請求，使用 vuex 進行狀態管理，圖片懶加載: vue-lazyload，輪播組件：vue-awesome-swiper。

2.Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:8888
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report

3. 已經完成的模塊

• [x] Landing page

• [x] 英雄列表頁

• [x] 英雄詳情頁

• [x] 召喚師搜索頁面

• [x] 召喚師詳情頁（內含戰績列表）

• [x] 召喚師詳情頁戰績列表的下拉刷新(還不流暢)

• [x] 單場比賽對局信息

• [x] 關於頁面

• [x] 新建新聞頁，做爲首頁

4. 效果圖

5. 待完成與優化

• [ ] UI優化

• [ ] 移動端佈局的優化

• [ ] 單場比賽信息的完善

• [ ] 完善API文檔

• [ ] 召喚師搜索頁內容的豐富

• [ ] 頁面切換時的動畫效果

• [ ] footerfixed，輸入法問題

• [ ] 視頻頁加載iframe卡

• [ ] 豐富視頻頁內容

6. 結語

在github上看了那麼多的vue項目，本身的看過其中的部分，固然確定也仿過，但是一直沒堅持下去。本項目是本身第一個完整的開源小項目，而後會有不少的不足，也是本身第一次使用vuex，但願你們能夠多提意見，我也會一直更新這個項目，喜歡的朋友能夠star一下。最後感謝帶玩遊戲平臺提供的API！