模拟网易云音乐练习
2019-05-09 本文已影响0人
_cherry
页面展示及功能
1. 用户账户页
1.1 登陆
未登陆状态：
未登陆
登陆：
登陆
登陆成功：
登陆成功
1.2 用户账户展示
用户账户展示
2. 发现页
发现页
发现页
组件
Audio 组件被隐藏（为实现在各个页面都能连续播放音频）
2.1 发现页功能栏中的每日推荐
每日推荐
点击每日推荐的歌曲，跳转歌曲内容，并播放音频
歌曲详情
2.2 发现页功能栏中的歌单
歌单
歌单
歌单
实现使用的技术及资源
-
vue框架 -
vue-cli搭建项目 -
vuex集中管理组件状态 -
vue-router实现路由管理 -
vue-axios获取NeteaseCloudMusicApi的数据
资源
- 使用由Binaryify提供的NeteaseCloudMusicApi
- 所有图标皆在iconfont获取
- 在用户账户信息展示页面，城市的获取由
basecss提供的citydata取得 - 在实现音频播放时，参考了Audio
- 使用vuex时，选择了这篇文章vuex
总结
代码详见github，已做详细注释。
！！！！ 不会设计，样式照抄网易云音乐，只是做练习用。
大致功能已实现，还有其他功能 ，需要后期完成。还是要继续努力学习鸭。。。。
放弃修改图片大小。。。
