Vue高仿网易云音乐APP (vue.js 移动端)

已于 2022-10-23 01:55:40 修改
阅读量1.2w 收藏 120
点赞数 28
分类专栏： 前端 文章标签： vue.js 网易云音乐app vue移动端 音乐播放器 vue音乐app
于 2019-09-06 21:40:53 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_40693643/article/details/100586550
版权

Vue高仿网易云音乐app

学习vue而写的一个小项目，整个界面我都是照着网易云音乐移动端app的样子写的。

GitHub源码下载地址.

里面的数据接口我用的是 NeteaseCloudMusicApi

你们可以将它运行到本地或者服务器上，就可以用这个地址请求数据了。

部分项目演示图片:
在这里插入图片描述在这里插入图片描述在这里插入图片描述在这里插入图片描述在这里插入图片描述在这里插入图片描述在这里插入图片描述在这里插入图片描述

神小夜
关注
  • 28
    点赞
  • 踩
  • 120
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 20
    评论
专栏目录
vue-wangyiyun-music：【Vue + Vuex + Vux】网易云音乐web移动端
02-06
基于vue的网易云音乐移动端web app React版本： : 项目技术都比较简单，适合新手拿来练手的入门级Vue开发实战项目; 主要功能有：推荐歌单，搜索歌曲，歌词滚动等； 在线预览效果 PC端请使用Chrome手机模式; 如果喜欢可以右上角给个 :star: 星 :star: ，谢谢！ 用到的部分技术 构建工具：Vue cli3; 框架：Vue + Vue路由器+ Vuex； http请求：axios; 歌词滚动：更好滚动； 部分UI组件：Vux; 运行此项目 git clone https://github.com/janyin/vue-wangyiyun-music.git cd vue-wangy
uniapp 仿网易云音乐播放器 微信小程序
ZL3064436257的博客
06-14 3122
uniapp 仿照网易云播放器,微信小程序
vue实战----网易云音乐案例
最新发布
2201_76041915的博客
05-23 910
把数据请求回来, 用van-image和p标签展示推荐歌单和歌单名字 /Home/Home.js。在router/index.js - 给$route里需要导航标题的添加meta元信息属性。点击 - 获取搜索结果 - 循环铺设页面views/Search/index.vue。列表数据铺设 - 插入自定义标签/Home/home.js。在api/index.js下定义推荐歌单的接口方法。在/views/Layout.vue中使用。在api/index.js文件中进行导入。
高仿网易云音乐(vue实战项目)
热门推荐
qq_39839903的博客
10-29 1万+
高仿网易云音乐(Vue实战项目) ???? 仅供学习使用开发的高仿网易云音乐的完整项目~! 仅供个人学习~! 群号:970804317 下面也会有二维码 请务必将文档看完, 很多问题都可以在文档中找到解决,也可以加入群一起交流, B站预览 图片预览在楼下 Github地址 API地址 技术栈 VueCli ElementUi Vue 主要功能 网易云音乐官方热门榜单的banner轮播图 个性推荐模块, 歌单推荐模块, 歌单排行榜 歌手推荐信息, 独家放送模块 ,最新音乐模块 登录模块(网易账
用HTML+CSS仿网易云音乐网站(6个页面)
qq_3200628753的博客
01-02 837
🎵 音乐网页设计 、🎸仿网易云音乐、各大音乐官网网页、🎶明星音乐演唱会主题、🥁爵士乐音乐、民族音乐、等网站的设计与制作。🏷️HTML音乐网页设计，采用DIV+CSS布局，共有多个页面，排版整洁，内容丰富，主题鲜明，首页使用CSS排版比较丰富，色彩鲜明有活力，导航与正文字体分别设置不同字号大小。导航区域设置了背景图。子页面有纯文字页面和图文并茂页面。🏅 一套优质的💯网页设计应该包含 (具体可根据个人要求而定)📔网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结...
仿网易云移动端项目Vue3.2+Pinia+Vant+axios
切图仔
05-24 2866
仿网易云移动端项目Vue3.2+Pinia+Vant+axios前期准备（Pinia，rem，初始化样式，图标引入，vant组件，axios） 安装pinia 1.在main.js引入注册 2.创建store rem移动适配 1.创建rem.js实现移动适配布局 2.在index.html引入 3.可以用px to rem 插件进行px和rem转换 阿里图标引入(Symbol方法) 1.在官网添加项目后复制symbol代码在index.html引入 2.使用svg 3.初始化样式，设
毕业设计别再做 XX 管理系统了！！！
方志朋的博客
01-20 1763
点击上方蓝色“方志朋”，选择“设为星标”回复“666”获取独家整理的学习资料！今天推荐几个项目，毕业设计可借鉴下面这几个 GitHub 项目，我不是简单的推荐项目，还会给出一些思路，基于这...
Vue-NeteaseCloud-WebMusicApp:Vue高仿网易云音乐，基本实现网易云所有音乐，MV相关功能，转变更新到第二版，仅用于学习，下面有详细教程
03-18
Vue-NeteaseCloud-WebMusicApp-高仿网易云音乐推荐项目：本人新写了一个Vue组件库，目前已写20+组件，每个组件都有详细的API文档，。觉得不错的可以去仓库查看。前言肝代码不易，本项目还是比较能拿的出手的，若是在...
2018最新vue.js高仿饿了么APP从入门到精通
07-22
资源名称：2018最新vue.js高仿饿了么APP 从入门到精通 资源太大，传百度网盘了，链接在附件中，有需要的同学自取。
vue-sell：Vue.js高仿饿了么外卖App课程原始码http：//coding.imooc.comclass74.html
02-28
Vue.js高仿饿了么外卖App课程原型，课程地址： ://coding.imooc.com/class/74.html 本原始代码基于GPL协议，仅用于Vue实战项目的学习，不可作为商业用途。 你可以学到什么 我们可以通过一张图来认识一下本课程的知识...
Vue.js高仿饿了么外卖App.txt
04-10
第3章 Vue-cli开启Vuejs项目 第4章 项目实战-准备工作 第5章 项目实战-页面骨架开发 ... 共 12章 项目技术架构 vue-cli（脚手架工具） vue vue-resource vue-router（路由） vue-infinite-scorll ...
高仿网易云APP
08-12
基于vue2 vue-router2 vuex axios mintUI MUI audio插件的VUE实战项目
基于vue全家桶开发的一款移动端音乐播放器界面模仿网易云音乐
08-12
基于vue全家桶开发的一款移动端音乐播放器，界面模仿网易云音乐。技术栈vue vuex vue-router axios ES6 flex MuseUI。
vue实现的网易云音乐在线播放和下载功能案例
01-19
本文实例讲述了vue实现的网易云音乐在线播放和下载功能。分享给大家供大家参考，具体如下： 效果如图: 完整代码: <!DOCTYPE html> <html lang=en> <head> <meta charset=UTF-8> <meta name=viewport content=width=device-width, initial-scale=1.0> <meta http-equiv=X-UA-Compatible content=ie=edge> <title>Document</title> <style lang=>
music_vue:基于网易云的音乐播放app
04-20
music_vue <<<<<<< HEAD基于网易云的音乐播放应用 项目设置 npm install 编译和热重装以进行开发 npm run serve 编译并最小化生产 npm run build 整理和修复文件 npm run lint 自定义配置 请参阅。 掌握
Vue.js 高仿饿了么外卖项目源码
10-17
（2）学会使用Vue.js完整开发移动端APP；（3）学会组件化、模块化的开发方式；（4）学会使用第三方组件库辅助开发；（5）学会项目部署和构建过程 学习内容：（1）Vue.js框架介绍；（2）vue-cli脚手架搭建基本代码...
视频教程-HTML5+CSS3+jQuery实战/网易云音乐的分析与实现-HTML5/CSS
weixin_32929053的博客
05-28 671
HTML5+CSS3+jQuery实战/网易云音乐的分析与实现 知识传播美丽...
HTML5+CSS3+JS小实例：迷你音乐播放器
艾恩小灰灰的博客
05-08 237
字体图标库：font-awesome。技术栈：HTML+CSS+JS。实例：迷你音乐播放器。
Vue2移动端网易云项目
m0_46678809的博客
10-20 764
在layout页面上切换home和search。把列表数据封装成组件 SongItem.vue。search和home为layout的子路由。配置postcss.config.js。配置van-tabbar route。配置Play页面实现音乐播放。实现头部底布名称统一切换。用van-row来布局页面。1 运行网易云本地接口。配置comment页面。配置vant按需引入。vant官网引入组件。配置search页面。
vue仿网易云音乐移动端
09-28
引:《移动应用开发》小组项目--网易云音乐播放器移动端项目源码《移动应用开发》小组项目--网易云音乐播放器移动端项目源码《移动应用开发》小组项目--网易云音乐播放器移动端项目源码《移动应用开发》小组项目--...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 20
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

神小夜

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值