vuejs League of Legends project

微信扫一扫,查看在线 DEMO
1. 技术栈
由 vue-cli + mint-ui 构建,使用 axios 进行数据的请求,使用 vuex 进行状态管理,图片懒加载: vue-lazyload,轮播组件:vue-awesome-swiper。
2. 已经完成的模块
- [x] Landing page
- [x] 英雄列表页
- [x] 英雄详情页
- [x] 召唤师搜索页面
- [x] 召唤师详情页(内含战绩列表)
- [x] 召唤师详情页战绩列表的下拉刷新(还不流畅)
- [x] 单场比赛对局信息
- [x] 关于页面
- [x] 新建新闻页,作为首页
3. 效果图
4. 待完成与优化
- [ ] UI 优化
- [ ] 移动端布局的优化
- [ ] 单场比赛信息的完善
- [ ] 完善 API 文档
- [ ] 召唤师搜索页内容的丰富
- [ ] 页面切换时的动画效果
- [ ] footerfixed ,输入法问题
- [ ] 视频页加载 iframe 卡
- [ ] 丰富视频页内容
5. 结语
在 github 上看了那么多的 vue 项目,自己的看过其中的部分,当然肯定也仿过,可是一直没坚持下去。本项目是自己第一个完整的开源小项目,然后会有很多的不足,也是自己第一次使用 vuex ,希望大家可以多提意见,我也会一直更新这个项目,喜欢的朋友可以 star 一下。最后感谢带玩游戏平台提供的 API !