Vue.js全家桶低仿網易雲音樂(MacOS版) 已新增electron打包pc平臺app

項目地址

• 暫時只實現了基本功能 加了一點微?小的效果

• 主要適配pc瀏覽器 對android 和ios 作了一點微?小的適配

• 如今已經包括了electron 打包 pc平臺app的功能了

• 源碼地址

• 項目預覽

項目描述

前端部分

• 總體app加載進度

• 懶加載模塊的加載中提示

• 實現了滑塊、tooltip、增量分頁、3d新曲 等

• 使用了Vue.js作單頁應用

• 使用了Vue Router處理路由

• 使用了Vuex管理組件間的狀態，實現非父子組件之間的通訊（並無怎麼用到，由於沒用到全局狀態 每一個頁面的播放歌曲是經過注入的方法觸發的）

• 使用了electron 打包成pc平臺app

後端部分

• 直接用了一個請求轉發使用網易的api

• 使用了一個2毛一天的雲服務器

完成狀況

• 網易雲音樂首頁（熱門歌單、排行榜、最新音樂）

• 搜索（歌曲搜索、歌手搜索、歌單搜索、專輯搜索）

• 播放音樂（暫只支持單曲）

• 歌單、專輯、歌手信息等展現頁

• pc平臺app 實測 MacOS和Win linux未測