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

Sanchi 发布于2019-08-20 14:42 / 325人阅读

摘要：版英雄联盟助手项目地址在线地址技术栈由构建，使用进行数据的请求，使用进行状态管理，图片懒加载，轮播组件。

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！

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/81849.html

2017年2月份前端资源分享

平日学习接触过的网站积累，以每月的形式发布。2017年以前看这个网址：http://www.kancloud.cn/jsfron... 1. Javascript 前端生成好看的二维码十大经典排序算法(带动图演示) 为什么知乎前端圈普遍认为H5游戏和H5展示的JSer 个人整理和封装的YU.js库|中文详细注释|供新手学习使用扩展JavaScript语法记录 - 掉坑初期工具汉字拼音转换...

lily_wang 2019-06-27 16:28 评论0 收藏0
2017年2月份前端资源分享

平日学习接触过的网站积累，以每月的形式发布。2017年以前看这个网址：http://www.kancloud.cn/jsfron... 1. Javascript 前端生成好看的二维码十大经典排序算法(带动图演示) 为什么知乎前端圈普遍认为H5游戏和H5展示的JSer 个人整理和封装的YU.js库|中文详细注释|供新手学习使用扩展JavaScript语法记录 - 掉坑初期工具汉字拼音转换...

chengjianhua 2019-08-29 12:35 评论0 收藏0
2017年2月份前端资源分享

平日学习接触过的网站积累，以每月的形式发布。2017年以前看这个网址：http://www.kancloud.cn/jsfron... 1. Javascript 前端生成好看的二维码十大经典排序算法(带动图演示) 为什么知乎前端圈普遍认为H5游戏和H5展示的JSer 个人整理和封装的YU.js库|中文详细注释|供新手学习使用扩展JavaScript语法记录 - 掉坑初期工具汉字拼音转换...

Anonymous1 2019-08-20 16:31 评论0 收藏0
2017年2月份前端资源分享

平日学习接触过的网站积累，以每月的形式发布。2017年以前看这个网址：http://www.kancloud.cn/jsfron... 1. Javascript 前端生成好看的二维码十大经典排序算法(带动图演示) 为什么知乎前端圈普遍认为H5游戏和H5展示的JSer 个人整理和封装的YU.js库|中文详细注释|供新手学习使用扩展JavaScript语法记录 - 掉坑初期工具汉字拼音转换...

dreamtecher 2019-08-01 16:51 评论0 收藏0
Vue2.0王者荣耀助手

摘要：王者荣耀助手项目使用的是带玩游戏平台提供的，由于腾讯公司王者荣耀游戏关闭了查看其它人的战绩功能，带玩平台受其影响，已将暂时关闭，所以无法获得稳定的所以会出现令牌过期的情况。 vue-gok vue2.0-王者荣耀助手项目使用的是带玩游戏平台提供的API，由于腾讯公司王者荣耀游戏关闭了查看其它人的战绩功能，带玩平台受其影响，已将API暂时关闭，所以无法获得稳定的 DAIWAN-API-...

scq000 2019-08-21 11:38 评论0 收藏0