+├── public // 静态资源目录
+│ └─index.html // 入口 html 文件
+├── screenshots // 项目截图
+├── src // 项目源码目录
+│ ├── api // 数据交互目录
+│ │ └── index.js // 获取数据
+│ ├── assets // 资源目录
+│ │ └── background // 启动背景图目录
+│ │ └── img // 静态图片目录
+│ ├── base // 公共基础组件目录
+│ │ ├── wyy-dialog
+│ │ │ └── wyy-dialog.vue // 对话框组件
+│ │ ├── wyy-icon
+│ │ │ └── wyy-icon.vue // icon 组件
+│ │ ├── wyy-loading
+│ │ │ └── wyy-loading.vue // 加载动画组件
+│ │ ├── wyy-no-result
+│ │ │ └── wyy-no-result.vue // 暂无数据提示组件
+│ │ ├── wyy-progress
+│ │ │ └── wyy-progress.vue // 进度条拖动组件
+│ │ └── wyy-toast
+│ │ ├── index.js // wyy-toast 组件插件化配置
+│ │ └── wyy-toast.vue // 弹出层提示组件
+│ ├── components // 公共项目组件目录
+│ │ ├── lyric
+│ │ │ └── lyric // 歌词和封面组件
+│ │ └── wyy-header
+│ │ │ └── wyy-header.vue // 头部组件
+│ │ ├── music-btn
+│ │ │ └── music-btn.vue // 按钮组件
+│ │ ├── music-list
+│ │ │ └── music-list.vue // 列表组件
+│ │ └── volume
+│ │ └── volume.vue // 音量控制组件
+│ ├── pages // 页面组件目录
+│ │ ├── comment
+│ │ │ └── comment.vue // 评论
+│ │ ├── details
+│ │ │ └── details.vue // 排行榜详情
+│ │ ├── historyList
+│ │ │ └── historyList.vue // 我听过的(播放历史)
+│ │ ├── playList
+│ │ │ └── playList.vue // 正在播放
+│ │ ├── search
+│ │ │ └── search.vue // 搜索
+│ │ ├── topList
+│ │ │ └── topList.vue // 排行榜页面
+│ │ ├── userList
+│ │ │ └── userList.vue // 我的歌单
+│ │ ├── wangyiyun.js // 播放器事相关件绑定
+│ │ └── music.vue // 播放器主页面
+│ ├── router
+│ │ └── index.js // 路由配置
+│ ├── store // vuex 的状态管理
+│ │ ├── actions.js // 配置 actions
+│ │ ├── getters.js // 配置 getters
+│ │ ├── index.js // 引用 vuex,创建 store
+│ │ ├── mutation-types.js // 定义常量 mutations 名
+│ │ ├── mutations.js // 配置 mutations
+│ │ └── state.js // 配置 state
+│ ├── styles // 样式文件目录
+│ │ ├── index.less // wangyiyun 相关基础样式
+│ │ ├── mixin.less // 样式混合
+│ │ ├── reset.less // 样式重置
+│ │ └── var.less // 样式变量(字体大小、字体颜色、背景颜色)
+│ ├── js // 数据交互目录
+│ │ ├── axios.js // axios 简单封装
+│ │ ├── hack.js // 修改 nextTick
+│ │ ├── mixin.js // 组件混合
+│ │ ├── song.js // 数据处理
+│ │ ├── storage.js // localStorage 配置
+│ │ └── util.js // 公用 js 方法
+│ ├── App.vue // 根组件
+│ ├── config.js // 配置文件(播放器默认配置、版本号等)
+│ └── main.js // 入口主文件
+└── vue.config.js // vue-cli 配置文件
+
+
+
+![]() |
+ wangyiyun | 温馨提示 | +
很抱歉!为了更好的体验,本站限制以下浏览器访问: | |
IE浏览器和使用IE内核的浏览器 | |
解决办法:下载其他主流浏览器或者切换浏览器内核为极速内核 |
ZlCOz{xE@38M1RSBFD*<6gLUNG
zkr87zJLcJV1H6sEQGNXZ@JmyU{VR=kF={8h3b0uPq}Ue$_rF^#iWA1!5;9iq+Z$s&
z9w`yau^@qRWtYc1BsTF{{0c(Ee-j@bu(FlLmGGlcJvP)Cd%w}7prw-5rNP#@gyxt!
zxwidnT+Rw9iUTWC`Bl-9P*Z3wkYRLDUQpv#n&?#v{?O@8Eku|xCsLe9$hhVQKGp?!
z7Iys^Kwa*)AKH&`SQxPYxWl#3sS2Ftlm@1<@6g`n=_`+CXJwo$wxG^uEd?w+9d7zC
z^|fK1G_8?2kR1DNDPv}Teq2)X+=Ls}FSJAv%SKbN2n;cXIYDN@8c^toE-4ERb%aTh
zkTYARtd^SI&sTw|z9p2g*;ovvfWjP+VuQV;1r+>MBE}4BHsCzE;aP%-D88x@jzg6p
ze;DrdnIeoF+o&YMTk0yfmkF(fPxE)D#pvk6EkUfug2y@a)2&a9Sq1@nE%@ca!v{gn
z`JSb2;l