/qq-music

personal project(qq-music ):notes:

Primary LanguageVue

球球音乐

项目说明

个人vue练习项目

  • 技术栈:vue+vue-router+vuex+stylus+node.js+nginx+element-ui+webpack
  • PS: 因为自己域名还未通过备案,所以暂时无法预览。

功能说明

数据来源

数据来源于QQ音乐API,数据抓取详情请见blog文章qq音乐数据的抓取

项目部署

项目部署详情请见blog文章linux部署与nginx代理

功能说明

  • PC端(详情见QQ音乐主页,动画效果和数据都是一样的)
  1. 主页展示
  2. 我的音乐展示
  3. 歌手页及其详情页展示
  4. 分类歌单展示
  5. 专辑页面展示
  6. mv页面展示
  7. 电台页面展示
  8. 后续功能开发中...
  • 移动端
  1. 主页歌单展示
  2. 歌手页及其详情展示
  3. 排行榜展示
  4. 播放器功能
  5. 后续功能开发中...

页面预览

  • PC端

  • 主页 主页1 主页2 主页3

  • 我的音乐 我的音乐

  • 歌手页 歌手页

  • 歌手详情页 PCSingerDetail

  • 分类歌单 分类歌单

  • 专辑页 专辑页

  • mv页 mv页

  • 电台页 电台页

  • 移动端

  • 主页歌单展示 电台页

  • 歌手展示 歌手展示

  • 歌手详情展示 歌手详情展示

  • 排行榜 排行榜

  • 播放器 播放器1

播放器2

  • 搜索页面 搜索页面

  • 用户页面 用户页面

End