vue實現網易雲音樂純界面
項目簡介
使用 Vue Cli + Vue3 + Vant3 編寫
【Github地址:github.com/cloudmoonoc…】
【網易雲音樂接口地址:neteasecloudmusicapi.vercel.app】
使用姿勢
npm install npm run serve
項目結構
- 存在部分問題,在README中
├─public └─src ├─Api (接口[未做]) │ ├─assets │ ├─icons (圖標) │ └─images (圖片) │ ├─Error │ └─Found │ ├─components (組件) │ ├─MyFooter (底部標簽頁) │ ├─MyHeader (頂部標題欄,包含側邊欄) │ └─Tip (最底部提示) │ ├─pages (頁面) │ ├─Attention (關註) │ ├─CloudSquare (雲村[未做,無接口]) │ ├─Error (404) │ │ │ ├─Found (發現頁) │ │ ├─DailyRecommendation (每日推薦) │ │ │ │ │ ├─DigitalAlbum (數字專輯) │ │ │ ├─AlbumBuy (已購[單曲]) │ │ │ ├─HotList (暢銷榜) │ │ │ └─MusicLanguage (語種風格館) │ │ │ │ │ ├─FocusNewMusic (關註新歌[未做,調用數據後再做]) │ │ ├─MusicHouse (歌房[未做,無接口]) │ │ ├─MusicList (歌單[隻有八個選項]) │ │ ├─PrivateFM (私人FM) │ │ ├─RankingList (排行榜[未做,無接口]) │ │ └─SoundBook (有聲書[未做,無接口]) │ │ │ ├─Index (登錄[1]) │ │ └─PhoneSignIn [手機登錄] │ │ │ ├─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
界面截圖
登錄頁
發現
播客
我的
關註
搜索
以上就是vue實現網易雲音樂純界面的詳細內容,更多關於vue 網易雲音樂界面的資料請關註WalkonNet其它相關文章!