温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

vue如何实现网易云音乐纯界面

发布时间:2022-09-21 15:42:45 来源:亿速云 阅读:160 作者:iii 栏目:开发技术

这篇“vue如何实现网易云音乐纯界面”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“vue如何实现网易云音乐纯界面”文章吧。

项目简介

使用 Vue Cli + Vue3 + Vant3 编写

使用姿势

 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如何实现网易云音乐纯界面”这篇文章的内容,相信大家都有了一定的了解,希望小编分享的内容对大家有帮助,若想了解更多相关的知识内容,请关注亿速云行业资讯频道。

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

vue
AI