vue全家桶-音乐播放器

来源：互联网发布：淘宝卖家诈骗过程编辑：程序博客网时间：2024/05/21 06:17

vue全家桶实现音乐播放器(webapp)

项目地址 (project address)

api来源感谢binaryify让我能用喜欢的东西做一个属于自己的播放器!

源码地址不要脸的求star 哈哈哈!!!

项目预览 1mhere.cn (pc端按F12切换手机调试模式效果更佳!)

二维码 (移动端可直接扫码)

技术栈 (technology)

vue2.0 + vuex + vue-router2.0 + es6 + axios + vux

文件结构 (File structure)

├── build                       构建服务和webpack配置├── config                      项目不同环境的配置├── dist                        项目build目录├── index.html                  项目入口文件├── package.json                项目配置文件├── static                      静态资源├── src                         生产目录    |—— api                     api列表和数据处理    |——|—— apiList.js           api列表    |——|—— getData.js           数据处理(封装一个axios请求)        |—— assets                  静态资源(img,less)    |——|—— img                  静态图片    |——|—— style                样式文件      |—— components              公用组件    |——|—— bottomSongList       播放器播放列表组件      |——|—— headerNav            头部导航组件    |——|—— music                音乐组件    |—— page                    页面组件    |——|—— albumsListDetails    专辑内容组件     |——|—— recommend            个性推荐组件    |——|—— searchList           搜索列表组件    |——|—— singer               歌手组件    |——|—— songDetails          歌曲详情组件    |——|——|—— player            播放器组件    |——|—— songList             歌单组件    |——|—— songListDetails      歌单详情组件    |——|—— topList              排行榜组件    |—— router                  路由组件    |—— store                   数据状态管理组件    |—— util                    公用方法