專案GitHub地址: wangyiMusicPlayer.
wangyiMusicPlayer——這是一個仿網易云PC端的的專案(vue)
專案簡介:
本專案使用的后端介面{介面檔案已放在專案中,自行下載使用}
前端采用技術:
1.vue-cli,vue-router,element-ui,axios請求,父子組件傳值
2.路由跳轉(攜帶引數):具體體現在各個頁面的跳轉
3.組件從本身跳轉到本身(攜帶引數):具體體現在mv詳情頁中(mv.vue) 點擊 推薦mv
專案效果圖:
- 發現音樂

-
推薦歌單

-
最新音樂

-
最新mv

-
歌單詳情頁


-
mv詳情頁


-
搜索關鍵字后的結果頁



專案的啟動:
- 首先創建一個vue-cli專案:vue create hmplayer
- 進入到專案目錄下,執行npm run serve命令

專案目錄介紹

專案的不足
- 歌單詳情里面的 播放全部按鈕還未實作
- 在歌單詳情頁面里不能播放音樂,只能播放mv,是因為播放音樂的標簽寫在了index.vue中,而歌單詳情頁面playlist.vue與index.vue是平級,沒有聯系,要實作無關系的平級組件之間修改屬性,可能要用vuex實作 或者 用 event bus或者本地存盤(localstorage)
- 抓緊學習,爭取完善更新整個專案,做出更復雜的功能需求,加油加油加油!!!!
bus或者本地存盤(localstorage)
- 抓緊學習,爭取完善更新整個專案,做出更復雜的功能需求,加油加油加油!!!!
轉載請註明出處,本文鏈接:https://www.uj5u.com/yidong/263856.html
標籤:其他
