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其它相關文章!

推薦閱讀: