此项目是一个音乐播放器的项目,UI页面参考qq音乐桌面端,后端接口使用 网易云音乐接口
- 搜索音乐
- 获取歌曲播放链接并播放歌曲
- 暂停和继续播放
- 歌曲播放的进度条显示、拖动进度条改变音乐播放位置、点击进度条的某个位置实现音乐跳转到对应的播放时间
- 歌词页面的显示,歌词的滚动,歌词背景实现毛玻璃效果
- 获取专辑封面
- 播放歌曲的高亮显示
- 登录(使用验证码登录)
- 退出登录
- 查看用户主页
- 查看喜欢的音乐列表
- vue2 + vue-router + vuex + axios + Element-UI + vue-cli
- 实现了响应式布局,但有最小的尺寸
- 使用vue-cli搭建整个项目结构
- 使用axios发送异步请求,获取音乐数据,并使用其中的请求拦截器与响应拦截器,实现了请求进度的显示
- 使用vuex进行状态管理,共享数据
- 使用vue-router进行路由切换
- 使用Element-UI实现登录成功与退出登录的消息提示
npm install
npm run serve
npm run build
npm run lint