欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

vue實(shí)現(xiàn)網(wǎng)易云音樂純界面

 更新時(shí)間:2022年07月09日 16:18:47   作者:Cloudmoon  
這篇文章主要為大家介紹了vue實(shí)現(xiàn)網(wǎng)易云音樂純界面過程詳解,附含詳細(xì)源碼,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪

項(xiàng)目簡(jiǎn)介

使用 Vue Cli + Vue3 + Vant3 編寫

【Github地址:github.com/cloudmoonoc…

【網(wǎng)易云音樂接口地址:neteasecloudmusicapi.vercel.app

使用姿勢(shì)

 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 (已購(gòu)[單曲])
     │  │  │  ├─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 (已購(gòu)[單曲])
     │  │  ├─CloudPan (云盤[未做,無接口])
     │  │  ├─Collection-Praise (收藏和贊)
     │  │  ├─Friends (我的好友)
     │  │  ├─Index-Podcast (我的播客[未做,無接口])
     │  │  ├─Local-Download (本地/下載[未做,無接口])
     │  │  ├─MusicBottle (音樂罐子[未做,無接口])
     │  │  └─Rencently (最近播放)
     │  │ 
     │  ├─Podcast (播客[全部分類])
     │  │  ├─AllCategories (全部分類)
     │  │  ├─FM (廣播電臺(tái)[未做,無接口])
     │  │  ├─MyPodCast (我的播客[未做,無接口])
     │  │  ├─NightSleep (助眠解壓[未做,無接口])
     │  │  ├─PodcastRankingList (排行榜[未做,無接口])
     │  │  └─SoundBook (有聲書[未做,無接口])
     │  │ 
     │  └─Search (搜索)
     │  
     ├─routers (路由)
     │ 
     └─store (倉(cāng)庫(kù)[未做])
         ├─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)易云音樂界面的資料請(qǐng)關(guān)注腳本之家其它相關(guān)文章!

相關(guān)文章

  • 移動(dòng)端底部導(dǎo)航固定配合vue-router實(shí)現(xiàn)組件切換功能

    移動(dòng)端底部導(dǎo)航固定配合vue-router實(shí)現(xiàn)組件切換功能

    經(jīng)常遇到這樣的需求,移動(dòng)端中的導(dǎo)航并不是在頂部也不是在底部,而是在最底部且是固定的,當(dāng)我們點(diǎn)擊該導(dǎo)航項(xiàng)時(shí)會(huì)切換到對(duì)應(yīng)的組件。這篇文章主要介紹了移動(dòng)端底部導(dǎo)航固定配合vue-router實(shí)現(xiàn)組件切換功能,需要的朋友可以參考下
    2019-06-06
  • vite打包出現(xiàn)"default"?is?not?exported?by?"node_modules/...問題解決

    vite打包出現(xiàn)"default"?is?not?exported?by?"no

    這篇文章主要給大家介紹了關(guān)于vite打包出現(xiàn)"default"?is?not?exported?by?"node_modules/...問題解決的相關(guān)資料,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下
    2023-11-11
  • vue中的計(jì)算屬性和偵聽屬性

    vue中的計(jì)算屬性和偵聽屬性

    這篇文章主要介紹了vue中的計(jì)算屬性和偵聽屬性,幫助大家更好的理解和學(xué)習(xí)vue框架的使用,感興趣的朋友可以了解下
    2020-11-11
  • Vue.directive使用注意(小結(jié))

    Vue.directive使用注意(小結(jié))

    這篇文章主要介紹了Vue.directive使用注意(小結(jié)),小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2018-08-08
  • Vue指令指令大全

    Vue指令指令大全

    本文為大家介紹了VUE中內(nèi)置指令包括:v-text,v-html,v-show,v-if,v-else,v-else-if,v-for,v-on,v-bind,v-model,v-pre,v-cloak,v-once
    2019-02-02
  • vue 彈出框 引入另一個(gè)vue頁面的示例代碼

    vue 彈出框 引入另一個(gè)vue頁面的示例代碼

    這篇文章主要介紹了vue 彈出框引入另一個(gè)vue頁面,這種方式適用于在一個(gè)頁面邏輯比較多的時(shí)候,可以搞多個(gè)頁面,防止出錯(cuò),本文通過示例代碼給大家介紹的非常詳細(xì),需要的朋友可以參考下
    2023-08-08
  • 最新評(píng)論