脚本宝典收集整理的这篇文章主要介绍了

Vue2.0版英雄联盟助手,我的第一个小开源项目

脚本宝典小编觉得挺不错的,现在分享给大家,也给大家做个参考,希望能帮助你少写一行代码,多一份安全和惬意。

Vue2.0版英雄联盟助手

vuejs League of Legends project

项目地址

在线地址
Vue2.0版英雄联盟助手,我的第一个小开源项目

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. 效果图

http://o9xap42x4.bkt.clouddn.com/landing.png

http://o9xap42x4.bkt.clouddn.com/news.png

http://o9xap42x4.bkt.clouddn.com/w2.png

http://o9xap42x4.bkt.clouddn.com/w3.png

http://o9xap42x4.bkt.clouddn.com/w4.png

http://o9xap42x4.bkt.clouddn.com/w5.png

http://o9xap42x4.bkt.clouddn.com/w6.png

http://o9xap42x4.bkt.clouddn.com/w7.png

http://o9xap42x4.bkt.clouddn.com/w8.png

5. 待完成与优化

  • [ ] UI优化

  • [ ] 移动端布局的优化

  • [ ] 单场比赛信息的完善

  • [ ] 完善API文档

  • [ ] 召唤师搜索页内容的丰富

  • [ ] 页面切换时的动画效果

  • [ ] footerfixed,输入法问题

  • [ ] 视频页加载iframe卡

  • [ ] 丰富视频页内容

6. 结语

在github上看了那么多的vue项目,自己的看过其中的部分,当然肯定也仿过,可是一直没坚持下去。本项目是自己第一个完整的开源小项目,然后会有很多的不足,也是自己第一次使用vuex,希望大家可以多提意见,我也会一直更新这个项目,喜欢的朋友可以star一下。最后感谢带玩游戏平台提供的API

总结

以上是脚本宝典为你收集整理的

Vue2.0版英雄联盟助手,我的第一个小开源项目

全部内容,希望文章能够帮你解决

Vue2.0版英雄联盟助手,我的第一个小开源项目

所遇到的程序开发问题,欢迎加入QQ群277859234一起讨论学习。如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典网站推荐给程序员好友。 本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。

80%的人都看过