vue實現(xiàn)網(wǎng)易云音樂純界面
更新時間:2022年07月09日 16:18:47 作者:Cloudmoon
這篇文章主要為大家介紹了vue實現(xiàn)網(wǎng)易云音樂純界面過程詳解,附含詳細源碼,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪
項目簡介
使用 Vue Cli + Vue3 + Vant3 編寫
【Github地址:github.com/cloudmoonoc…】
【網(wǎng)易云音樂接口地址: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 (發(fā)現(xiàn)頁) │ │ ├─DailyRecommendation (每日推薦) │ │ │ │ │ ├─DigitalAlbum (數(shù)字專輯) │ │ │ ├─AlbumBuy (已購[單曲]) │ │ │ ├─HotList (暢銷榜) │ │ │ └─MusicLanguage (語種風格館) │ │ │ │ │ ├─FocusNewMusic (關注新歌[未做,調用數(shù)據(jù)后再做]) │ │ ├─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
界面截圖
登錄頁
發(fā)現(xiàn)
播客
我的
關注
搜索
以上就是vue實現(xiàn)網(wǎng)易云音樂純界面的詳細內容,更多關于vue 網(wǎng)易云音樂界面的資料請關注腳本之家其它相關文章!
相關文章
vue.js 實現(xiàn)點擊按鈕動態(tài)添加li的方法
今天小編就為大家分享一篇vue.js 實現(xiàn)點擊按鈕動態(tài)添加li的方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-09-09Vue.js 2.0中select級聯(lián)下拉框實例
在網(wǎng)上搜索了Vuejs2.0 動態(tài)級聯(lián)select許久未果,決定自己總結一下自己的經(jīng)驗,有關select在Vue.js 2.0版本中的應用,需要的朋友可以參考下2017-03-03移動端底部導航固定配合vue-router實現(xiàn)組件切換功能
經(jīng)常遇到這樣的需求,移動端中的導航并不是在頂部也不是在底部,而是在最底部且是固定的,當我們點擊該導航項時會切換到對應的組件。這篇文章主要介紹了移動端底部導航固定配合vue-router實現(xiàn)組件切換功能,需要的朋友可以參考下2019-06-06vite打包出現(xiàn)"default"?is?not?exported?by?"no
這篇文章主要給大家介紹了關于vite打包出現(xiàn)"default"?is?not?exported?by?"node_modules/...問題解決的相關資料,文中通過代碼介紹的非常詳細,需要的朋友可以參考下2023-11-11