基于vue3的移动端音乐播放器

项目介绍

这是一个基于vue3的移动端音乐项目,具有歌单、音乐搜索、音乐播放、登录等功能,后期会更新完善功能。

它具有以下不错的地方:
1. 使用rem布局来应对不同设备,保证设备之间的兼容性。
2. 具有比较完善的功能(后续会继续更新),歌单、音乐的搜索及播放,登录功能,路由拦截。
3. 歌词会随着音乐的播放动态变化。
4. 排行榜请求数据较多,增加了骨架屏来缓解白屏现象。
5. 使用最新的vue3 Componsition API 风格来编写代码,使组件之间的逻辑更加内聚。

项目内容

  1. 首页
    基于vue3的移动端音乐播放器_第1张图片
  2. 歌曲播放页
    基于vue3的移动端音乐播放器_第2张图片
    基于vue3的移动端音乐播放器_第3张图片
  3. 歌单详情页
    基于vue3的移动端音乐播放器_第4张图片
  4. 搜索页
  • 增加本地缓存,缓存搜索过的歌曲。
  • 同时为搜索增加防抖函数,减少请求压力。
    基于vue3的移动端音乐播放器_第5张图片

总结

以上就是我最近写的项目,如果感兴趣可以star我的项目,我也会在以后持续更新功能的。
项目地址:项目地址,欢迎star
线上地址:欢迎体验

你可能感兴趣的:(前端,vue.js,前端)