API用的是qq音乐的
有一些API需要跨域才能获取,需要在/build/webpack.dev.conf.js中进行代理配置
. ├── README.md ├── build │ ├── build.js │ ├── check-versions.js │ ├── logo.png │ ├── utils.js │ ├── vue-loader.conf.js │ ├── webpack.base.conf.js │ ├── webpack.dev.conf.js │ └── webpack.prod.conf.js ├── config │ ├── dev.env.js │ ├── index.js │ └── prod.env.js ├── index.html ├── package-lock.json ├── package.json ├── src │ ├── App.vue │ ├── api //api目录 │ │ ├── config.js │ │ ├── rank.js │ │ ├── recommend.js │ │ ├── singer.js //歌手api │ │ └── song.js │ ├── assets │ │ └── logo.png │ ├── base //基本组件 │ │ ├── listview │ │ │ └── listview.vue │ │ ├── loading │ │ │ ├── loading.gif │ │ │ └── loading.vue │ │ ├── scroll │ │ │ └── scroll.vue │ │ ├── slider │ │ │ └── slider.vue │ │ └── song-list │ │ ├── [email protected] │ │ ├── [email protected] │ │ ├── [email protected] │ │ ├── [email protected] │ │ ├── song-list.vue │ │ ├── [email protected] │ │ └── [email protected] │ ├── common │ │ ├── fonts │ │ │ ├── music-icon.eot │ │ │ ├── music-icon.svg │ │ │ ├── music-icon.ttf │ │ │ └── music-icon.woff │ │ ├── image │ │ │ ├── default.png | | | │ │ ├── js │ │ │ ├── config.js │ │ │ ├── dom.js │ │ │ ├── jsonp.js │ │ │ ├── singer.js │ │ │ └── song.js │ │ └── stylus │ │ ├── base.styl │ │ ├── icon.styl │ │ ├── index.styl │ │ ├── mixin.styl │ │ ├── reset.styl │ │ └── variable.styl │ ├── components │ │ ├── disc │ │ │ └── disc.vue │ │ ├── m-header │ │ │ ├── [email protected] │ │ │ ├── [email protected] │ │ │ └── m-header.vue │ │ ├── music-list │ │ │ └── music-list.vue │ │ ├── player │ │ │ └── player.vue │ │ ├── rank │ │ │ └── rank.vue │ │ ├── recommend │ │ │ └── recommend.vue │ │ ├── search │ │ │ └── search.vue │ │ ├── singer │ │ │ └── singer.vue │ │ ├── singer-detail │ │ │ └── singer-detail.vue │ │ ├── tab │ │ │ └── tab.vue │ │ └── top-list │ │ └── top-list.vue │ ├── js │ │ └── jsonp.js │ ├── main.js │ ├── router │ │ └── index.js │ └── store │ ├── actions.js │ ├── getters.js │ ├── index.js │ ├── mutation-types.js │ ├── mutations.js │ └── state.js ├── static └── tree.text 32 directories, 79 files
# install dependencies
npm install
# serve with hot reload at localhost:8080
npm run dev
# build for production with minification
npm run build
# build for production and view the bundle analyzer report
npm run build --report
- 首页轮播图
- 竖直滚动
- 排行榜
- 歌手页
- loading
- 播放页面
- 播放器播放功能
- 进度条
- 下一曲
- 歌词
- 评论
- 歌手首字母跳转
当前版本0.9.0 目前项目正在开发完善中,尚有一些功能未实现,计划
V 1.1.0完成下列目标:
- 1.播放功能实现
- 2.上下曲切换
- 3.歌手页面字母跳转
- 4.歌曲进度条
V 1.2.0完成下列目标:
- 1.歌词功能的实现
- 2.评论查看