MLuminary / ChickenMusic

:baby_chick: ChickenMusic

Home Page:https://music.haoqinzz.cn/#/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

ChickenMusic

🐤 a music player

页面及功能

  • 推荐页面
  • 歌手页面
  • 排行页面
  • 搜索页面
  • 详情页 「包括歌手详情、歌单详情、排行详情」
  • 播放器页面 「包含歌词页面」
  • 歌单列表页面
  • 添加歌曲页面
  • 个人中心页面

👍推荐页面

  • 每日推荐的海报以轮播图的形式展现
  • 热门歌单推荐

👨‍🎤歌手页面

  • 歌手按热门和开头字母的顺序排序
  • 页面右侧有相应的位置提醒,也可以直接点击右侧导航栏快速导航

📓排行页面

歌曲的分类排行

🔍搜索页面

  • 热门搜索关键词提示
  • 搜索栏
  • 历史搜索

📄详情页

用于展示歌单、歌手、排行榜中的一些信息和包含的歌曲

🎵播放器页面

  • 控制按钮「播放、暂停、快进、快退、列表循环播放,单曲播放、随机播放,添加喜欢」
  • 海报和歌词的展示
  • 歌曲进度条
  • 缩小版播放器

🔘歌单列表

由缩小版播放器点击歌单进入,可以添加歌曲进入播放列表或者删除歌单歌曲

🎹添加歌曲页面

  • 搜索歌曲
  • 最近播放
  • 搜索历史

:person_frowning:用户中心页面

  • 我喜欢的歌曲列表
  • 最近听的歌曲列表
  • 随机播放全部按钮

实用的组件

通用组件包括如下

  • 滚动组件
  • loading 组件
  • 确认组件
  • noresult 组件
  • switch组件

还有一些是为本项目量神订做的组件,与上面的通用组件都在 src/base 目录下

值得记录的问题会在 issue 中出现

现在项目上传到服务器还有一点问题,就是第一次调用api的时候不会报跨域的错误,但是第二次第三次就会报跨域的错误。

About

:baby_chick: ChickenMusic

https://music.haoqinzz.cn/#/


Languages

Language:Vue 62.9%Language:JavaScript 34.0%Language:CSS 2.8%Language:HTML 0.2%