vue-music-w

author : taizonga

安装依赖

npm install

运行

npm run serve

打包程序

npm run build

须知

ps:小白入门

此应用在移动端使用最佳 作者未进行电脑端优化 电脑端请打开模拟手机端进行享用

bug:

• detail页面下点击下一首，歌词不能更新（已修复）
• detail页面刷新，footer不隐藏(进入的初始位置不是app.vue，无法监听其下方法)(已修复)
• 音乐不能听，暂无提示(暂时可以看播放按钮是否会改变，已修复)

更新

XXXX

• 开始构思，编码

2020年8月13日21:45:41

• 返回的歌曲数据检测是否含有mv，并提供跳转
• 修复已知bug

2020年8月15日15:38:18

• 添加个人信息，与现有组件结合

2020年8月17日15:32:15

• 添加音乐后台播放，不需要到detail页面点击播放
• 将播放器封装为组件，仅在music和userinfo下调用
• 新增暂停播放按钮
• 音乐评论开启
• detail歌词稍后继续更新

2020年8月20日16:57:39

• 修复已知暂停bug
• 添加detail歌词
  • 总思路，对于取的歌词进行处理，变成时间段 + 歌词保存在一个数组内 ，时间段用秒数显示
  • 对于audio 时间改变监听，时间实时存入本地存储
  • 对于获取的歌词，获取其父节点，将所有歌词节点隐藏，再监听时间变化触发函数，匹配其节点title是否大于本地存储时间，并显示出来
  • 点击歌词 音频跳转到该位置(点击目标获取title) 通过store管理，监听本地存储的totime,使得audio跳转某位置
  • 增加歌词时间显示条

2020年10月07日

• 修复已知api接口错误
• 电脑端页面优化,可能其他电脑会有显示错误问题
• 添加部分页面逻辑

2020年10月14日

• 增加上一首，下一首逻辑
• 增加清除搜索结果逻辑(点击我也是有底线的)
• 优化页面
• 发现bug(detail页面下点击下一首，歌词不能更新)
• 当前音乐播放完成后自动续下一首

2020年10月21日

• 修复已知bug

2020年11月4日

• 不同设备下底部栏显示问题，进入detail页面后直接隐藏(详细见TarBar.vue)
• 优化,搜索时按下enter,取消对input的聚焦状态
• 进度条的可拖动
• 记忆播放
• 修复detail页面刷新，播放键不符样式

2020年11月5日

• 优化逻辑，mv可查看发言人的相关信息，主页作者信息逻辑优化
• 修复歌词异常，利用字段检测

2020年11月9日

• 新增想听音乐，再下一首进行自动播放(繁琐的逻辑)
• 暂未添加想听的面板

2020年11月16日

• 想听音乐，下一首播放逻辑完成 (小Bug待修复)