vue如何實現網易云音樂純界面

這篇“vue如何實現網易云音樂純界面”文章的知識點大部分人都不太理解，所以小編給大家總結了以下內容，內容詳細，步驟清晰，具有一定的借鑒價值，希望大家閱讀完這篇文章能有所收獲，下面我們一起來看看這篇“vue如何實現網易云音樂純界面”文章吧。

項目簡介

使用 Vue Cli + Vue3 + Vant3 編寫

使用姿勢

 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如何實現網易云音樂純界面”這篇文章的內容，相信大家都有了一定的了解，希望小編分享的內容對大家有幫助，若想了解更多相關的知識內容，請關注億速云行業資訊頻道。