CloudMusic

所属分类:多媒体
开发工具:Vue
文件大小:0KB
下载次数:0
上传日期:2017-12-03 11:02:17
上 传 者sh-1993
说明:  开发网易云音乐,
(Develop Netease Cloud Music,)

文件列表:
.babelrc (189, 2017-12-03)
.editorconfig (147, 2017-12-03)
.postcssrc.js (223, 2017-12-03)
build/ (0, 2017-12-03)
build/build.js (1102, 2017-12-03)
build/check-versions.js (1285, 2017-12-03)
build/logo.png (6849, 2017-12-03)
build/utils.js (2566, 2017-12-03)
build/vue-loader.conf.js (501, 2017-12-03)
build/webpack.base.conf.js (1678, 2017-12-03)
build/webpack.dev.conf.js (2477, 2017-12-03)
build/webpack.prod.conf.js (4872, 2017-12-03)
build/webpack.test.conf.js (867, 2017-12-03)
config/ (0, 2017-12-03)
config/dev.env.js (156, 2017-12-03)
config/index.js (2601, 2017-12-03)
config/prod.env.js (61, 2017-12-03)
favicon.png (468, 2017-12-03)
index.html (843, 2017-12-03)
package.json (1922, 2017-12-03)
src/ (0, 2017-12-03)
src/App.vue (929, 2017-12-03)
src/assets/ (0, 2017-12-03)
src/assets/logo.png (6849, 2017-12-03)
src/components/ (0, 2017-12-03)
src/components/components/ (0, 2017-12-03)
src/components/components/content/ (0, 2017-12-03)
src/components/components/content/GContent.vue (317, 2017-12-03)
src/components/components/content/GFindMusic.vue (2712, 2017-12-03)
src/components/components/content/GLeftNavBar.vue (1599, 2017-12-03)
src/components/components/content/GNowMusic.vue (685, 2017-12-03)
src/components/components/content/GPersonalFM.vue (150, 2017-12-03)
src/components/components/content/carousel/ (0, 2017-12-03)
src/components/components/content/carousel/GCarousel.vue (3338, 2017-12-03)
src/components/components/content/layout/ (0, 2017-12-03)
src/components/components/content/layout/GSongLayout.vue (1534, 2017-12-03)
src/components/components/content/menu/ (0, 2017-12-03)
src/components/components/content/menu/GMenu.vue (663, 2017-12-03)
... ...

## 安装 由于需要获取服务器端数据,所以在此之前,先将 [NeteaseCloudMusicApi](https://github.com/hwaphon/NeteaseCloudMusicApi) 拷贝到本地并且运行(4000端口)起来。 建议在 `Chrome` 浏览器中打开,当然在 `Opera`, `Edge`, `Firefox` 中也是可以正常运行的,只是有些效果看上去并不是那么美好,你懂得。 在之前的步骤完成之后,运行以下命令即可预览本项目 git clone https://github.com/hwaphon/CloudMusic.git cd CloudMusic && yarn yarn dev ## 效果图 ### 登录界面 ![image](http://ozg83iln2.bkt.clouddn.com/preview1.jpg) ### 个人面板 ![image](http://ozg83iln2.bkt.clouddn.com/preview2.jpg) ### 主题管理 ![image](http://ozg83iln2.bkt.clouddn.com/preview3.jpg) ### 每日推荐歌曲 ![image](http://ozg83iln2.bkt.clouddn.com/preview4.jpg) ## 开发记录 ### 2017.12.03 1. 新增快进播放功能 2. 新增音量控制功能 3. 优化单曲循环播放逻辑 4. 新增左边栏显示当前播放歌曲信息模块 ### 2017.11.23 1. 优化播放逻辑 2. 新增音乐队列列表 ### 2017.11.20 1. 完成每日推荐歌曲页面 2. 初步实现播放组件 4. 解决无法播放音乐的问题,以 http://music.163.com/song/media/outer/url?id=${id}.mp3 的形式即可。 ### 2017.11.19 1. 完善每日推荐歌单 2. 实现换肤功能 3. 替换原本采用的命名路由机制 ### 2017.11.18 1. 将网络请求模块从组件中提取出来 2. 使用 `vuex-persistedstate` 实现数据的持久化,减少重复的 `http` 请求 3. 实现从服务器获取每日推荐歌单信息(发现接口异常,只能获取 6 条信息,而实际上每日推荐歌单存在9条信息) 4. 初步实现个人面板,不过逻辑尚未实现 5. 实现退出登录 ### 2017.11.17 1. 开始从服务器端获取数据,比如轮播图数据 2. 登录逻辑实现完成,已成功登录本人账号,测试无误,不过由于登录组件实现的只是个雏形,只有当正常获取数据的情况下才可以完成登录,如果出现错误不会提示错误,比如密码输入错误。 3. 着手实现个人信息面板 ### 2017.11.16 1. 基本界面的搭建,实现左侧菜单栏以及顶部导航栏 2. 完成轮播图组件 3. 完成登录组件

近期下载者

相关文件


收藏者