脚本宝典收集整理的这篇文章主要介绍了VUE MUSIC仿QQ音乐客户端,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
基于Vue的音乐播放器
│ App.vue //组件入口
│ main.js //js入口
│
├─api //获取数据的文件
│ config.js //公共配置
│ deslist.js //热门歌单数据
│ lyric.js //歌词数据
│ rank.js //排行榜数据
│ ranKDEtail.js //榜单详情数据
│ recommend.js //轮播图数据
│ recommendDetail.js //热门歌单详情数据
│ result.js //搜索结果数据
│ seArch.js //热搜关键词数据
│ singerdetail.js //歌手详情数据
│ singerlist.js //歌手列表数据
│
├─basecomponents //公用基础组件
│ ├─cannotfind
│ │ cannotfind.vue //搜索结果为空
│ │
│ ├─circleProgress
│ │ circleProgress.vue //环形进度条
│ │
│ ├─input
│ │ input.vue //搜索框
│ │
│ ├─loading
│ │ loading.svg
│ │ loading.vue //加载中
│ │
│ ├─music
│ │ music.vue //歌单列表
│ │
│ ├─progress
│ │ progress.vue //进度条
│ │
│ ├─scroll
│ │ scroll.vue //better-scroll的封装
│ │
│ ├─slider
│ │ slider.vue //轮播图
│ │
│ └─songRank
│ songrankcomplex.vue //榜单歌曲排序
│ songranksimple.vue //普通歌曲排序
│
├─common //js工具库、样式、字体
│ ├─iconfont
│ │ demo.css
│ │ demo_fontclass.htML
│ │ demo_symbol.html
│ │ demo_unicode.html
│ │ iconfont.css
│ │ iconfont.eot
│ │ iconfont.js
│ │ iconfont.svg
│ │ iconfont.ttf
│ │ iconfont.woff
│ │
│ ├─js
│ │ config.js //项目相关配置
│ │ dom.js //DOM操作方法
│ │ jsonp.js //jsonp的封装
│ │ mixins.js //vue提供的复用功能
│ │ prefixStyle.js //js中操作DOM添加前缀
│ │ singer.js //Singer类
│ │ song.js //Song类
│ │ localstorage.js //自制vue的localstorage插件
│ │ utils.js //函数工具库
│ │
│ └─stylus //stylus文件
│ base.styl
│ index.styl
│ mixin.styl
│ myicon.styl
│ reset.styl
│ VARiable.styl
│
├─components //业务组件
│ ├─header
│ │ header.vue //公用头部
│ │ LOGo@2y.png
│ │ logo@3y.png
│ │
│ ├─player
│ │ player.vue //播放器组件
│ │
│ ├─rank
│ │ rank.vue //排行榜组件
│ │
│ ├─rankDetail
│ │ rankDetail.vue //排行榜详情组件
│ │
│ ├─recommend
│ │ recommend.vue //首页
│ │
│ ├─recommendDetail
│ │ recommendDetail.vue //首页详情组件
│ │
│ ├─result
│ │ result.vue //搜索结果组件
│ │
│ ├─search
│ │ search.vue //搜索页组件
│ │
│ ├─singer
│ │ singer.vue //歌手列表组件
│ │
│ ├─singerDetail
│ │ singerDetail.vue //歌手详情组件
│ │
│ ├─song
│ │ song.vue //歌曲组件
│ │
│ ├─login
│ │ login.vue //登录组件
│ │
│ ├─PErson
│ │ person.vue //个人中心
│ └─tab
│ tab.vue //头部导航组件
│
├─router //路由配置
│ index.js
│
└─vuex //vuex配置
actions.js //dispatch
getters.js //计算state数据
index.js //vuex入口
mutations-types.js //mutations常量
mutations.js //commit
state.js //基础数据
以上是脚本宝典为你收集整理的VUE MUSIC仿QQ音乐客户端全部内容,希望文章能够帮你解决VUE MUSIC仿QQ音乐客户端所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。