/music-app

a mobile music-app support by vue3

Primary LanguageVueApache License 2.0Apache-2.0

vue-music-next

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Lints and fixes files

npm run lint

Customize configuration

See Configuration Reference.

appearence

新增了换肤 image image image

project features

  • 使用自定义指令开发 loading 组件和 no-result 组件
  • 实现路由过渡效果
  • 封装了滚动歌词的组件 lyricBox,会根据当前播放进度,将对应歌词滚动到容器中间
  • 封装了滚动条组件 process,支持拖动和点击修改进度
  • 使用 localstorage 和 vuex 实现数据持久:收藏列表、历史列表、播放列表
  • 封面和歌词的视图层切换功能
  • 使用代理转发请求到第三方服务
  • 项目部署地址 http://150.158.196.194/#/recommend
  • 在此基础上进行整合出音乐播放插件(2022.08-至今),旨在使每一个 vue3 项目以拥有音乐播放功能,用 webpack 打包成库即插即用。 musicplugin - npm (npmjs.com)