頁(yè)面展示及功能
1. 用戶賬戶頁(yè)
1.1 登陸
未登陸狀態(tài)：
未登陸
登陸：
登陸
登陸成功：
登陸成功
1.2 用戶賬戶展示
用戶賬戶展示
2. 發(fā)現(xiàn)頁(yè)
發(fā)現(xiàn)頁(yè)
發(fā)現(xiàn)頁(yè)
組件
Audio 組件被隱藏（為實(shí)現(xiàn)在各個(gè)頁(yè)面都能連續(xù)播放音頻）
2.1 發(fā)現(xiàn)頁(yè)功能欄中的每日推薦
每日推薦
點(diǎn)擊每日推薦的歌曲，跳轉(zhuǎn)歌曲內(nèi)容，并播放音頻
歌曲詳情
2.2 發(fā)現(xiàn)頁(yè)功能欄中的歌單
歌單
歌單
歌單
實(shí)現(xiàn)使用的技術(shù)及資源
-
vue框架 -
vue-cli搭建項(xiàng)目 -
vuex集中管理組件狀態(tài) -
vue-router實(shí)現(xiàn)路由管理 -
vue-axios獲取NeteaseCloudMusicApi的數(shù)據(jù)
資源
- 使用由Binaryify提供的NeteaseCloudMusicApi
- 所有圖標(biāo)皆在iconfont獲取
- 在用戶賬戶信息展示頁(yè)面，城市的獲取由
basecss提供的citydata取得 - 在實(shí)現(xiàn)音頻播放時(shí)，參考了Audio
- 使用vuex時(shí)，選擇了這篇文章vuex
總結(jié)
代碼詳見github，已做詳細(xì)注釋。
！?。。?不會(huì)設(shè)計(jì)，樣式照抄網(wǎng)易云音樂，只是做練習(xí)用。
大致功能已實(shí)現(xiàn)，還有其他功能 ，需要后期完成。還是要繼續(xù)努力學(xué)習(xí)鴨。。。。
放棄修改圖片大小。。。
