您现在的位置是:网站首页> 编程资料编程资料

vue实现网易云音乐纯界面_vue.js_

2023-05-24 439人已围观

简介 vue实现网易云音乐纯界面_vue.js_

项目简介

使用 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 网易云音乐界面的资料请关注其它相关文章!

-六神源码网