vue實(shí)現(xiàn)網(wǎng)易云音樂純界面
項(xiàng)目簡介
使用 Vue Cli + Vue3 + Vant3 編寫
【Github地址:github.com/cloudmoonoc…】
【網(wǎng)易云音樂接口地址:neteasecloudmusicapi.vercel.app】
使用姿勢
npm install npm run serve
項(xiàng)目結(jié)構(gòu)
- 存在部分問題,在README中
├─public
└─src
├─Api (接口[未做])
│
├─assets
│ ├─icons (圖標(biāo))
│ └─images (圖片)
│ ├─Error
│ └─Found
│
├─components (組件)
│ ├─MyFooter (底部標(biāo)簽頁)
│ ├─MyHeader (頂部標(biāo)題欄,包含側(cè)邊欄)
│ └─Tip (最底部提示)
│
├─pages (頁面)
│ ├─Attention (關(guān)注)
│ ├─CloudSquare (云村[未做,無接口])
│ ├─Error (404)
│ │
│ ├─Found (發(fā)現(xiàn)頁)
│ │ ├─DailyRecommendation (每日推薦)
│ │ │
│ │ ├─DigitalAlbum (數(shù)字專輯)
│ │ │ ├─AlbumBuy (已購[單曲])
│ │ │ ├─HotList (暢銷榜)
│ │ │ └─MusicLanguage (語種風(fēng)格館)
│ │ │
│ │ ├─FocusNewMusic (關(guān)注新歌[未做,調(diào)用數(shù)據(jù)后再做])
│ │ ├─MusicHouse (歌房[未做,無接口])
│ │ ├─MusicList (歌單[只有八個(gè)選項(xiàng)])
│ │ ├─PrivateFM (私人FM)
│ │ ├─RankingList (排行榜[未做,無接口])
│ │ └─SoundBook (有聲書[未做,無接口])
│ │
│ ├─Index (登錄[1])
│ │ └─PhoneSignIn [手機(jī)登錄]
│ │
│ ├─MyIndex (我的)
│ │ ├─Buy (已購[單曲])
│ │ ├─CloudPan (云盤[未做,無接口])
│ │ ├─Collection-Praise (收藏和贊)
│ │ ├─Friends (我的好友)
│ │ ├─Index-Podcast (我的播客[未做,無接口])
│ │ ├─Local-Download (本地/下載[未做,無接口])
│ │ ├─MusicBottle (音樂罐子[未做,無接口])
│ │ └─Rencently (最近播放)
│ │
│ ├─Podcast (播客[全部分類])
│ │ ├─AllCategories (全部分類)
│ │ ├─FM (廣播電臺[未做,無接口])
│ │ ├─MyPodCast (我的播客[未做,無接口])
│ │ ├─NightSleep (助眠解壓[未做,無接口])
│ │ ├─PodcastRankingList (排行榜[未做,無接口])
│ │ └─SoundBook (有聲書[未做,無接口])
│ │
│ └─Search (搜索)
│
├─routers (路由)
│
└─store (倉庫[未做])
├─Attention
├─Found
├─modules
├─MyIndex
├─Podcast
└─Search
界面截圖
登錄頁

發(fā)現(xiàn)

播客

我的


關(guān)注

搜索

以上就是vue實(shí)現(xiàn)網(wǎng)易云音樂純界面的詳細(xì)內(nèi)容,更多關(guān)于vue 網(wǎng)易云音樂界面的資料請關(guān)注腳本之家其它相關(guān)文章!
相關(guān)文章
vue.js 實(shí)現(xiàn)點(diǎn)擊按鈕動(dòng)態(tài)添加li的方法
今天小編就為大家分享一篇vue.js 實(shí)現(xiàn)點(diǎn)擊按鈕動(dòng)態(tài)添加li的方法,具有很好的參考價(jià)值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-09-09
移動(dòng)端底部導(dǎo)航固定配合vue-router實(shí)現(xiàn)組件切換功能
vite打包出現(xiàn)"default"?is?not?exported?by?"no

