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

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中v-if失效原因及解決方法

    vue中v-if失效原因及解決方法

    本文主要介紹了vue中v-if失效原因及解決方法,一般v-if失效都是和綁定變量有關,下面就來具體介紹一下,感興趣的可以了解一下
    2023-09-09
  • Vue.js中v-model指令的用法介紹

    Vue.js中v-model指令的用法介紹

    這篇文章介紹了Vue.js中v-model指令的用法,文中通過示例代碼介紹的非常詳細。對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下
    2022-03-03
  • vue.js 實現(xiàn)點擊按鈕動態(tài)添加li的方法

    vue.js 實現(xiàn)點擊按鈕動態(tài)添加li的方法

    今天小編就為大家分享一篇vue.js 實現(xiàn)點擊按鈕動態(tài)添加li的方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2018-09-09
  • Vue.js 2.0中select級聯(lián)下拉框實例

    Vue.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)組件切換功能

    移動端底部導航固定配合vue-router實現(xiàn)組件切換功能

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

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

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

    vue中的計算屬性和偵聽屬性

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

    Vue.directive使用注意(小結)

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

    Vue指令指令大全

    本文為大家介紹了VUE中內置指令包括: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 彈出框 引入另一個vue頁面的示例代碼

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

    這篇文章主要介紹了vue 彈出框引入另一個vue頁面,這種方式適用于在一個頁面邏輯比較多的時候,可以搞多個頁面,防止出錯,本文通過示例代碼給大家介紹的非常詳細,需要的朋友可以參考下
    2023-08-08

最新評論