基于Vue2、Vue-CLI3的高仿网易云mac客户端播放器(PC) Online Music Player

基于Vue2、Vue-CLI3的高仿网易云mac客户端播放器(PC) Online Music Player

音乐播放器虽然烂大街了,但是作为前端没自己撸一个一直是个遗憾,而且偶然间发现 pc 端 web 版的网易云音乐做的实在是太简陋了,社区仿 pc 客户端的网易云也不多见,为了弥补这个遗憾,就用 vue 全家桶模仿 mac 客户端的 ui 实现了一个,欢迎提出意见和 star~

预览地址

源码地址

进度

  •  mv 页(3.0 新增)
  •  cd 页 (2.0 新增)
  •  搜索建议
  •  搜索详情
  •  播放(版权歌曲无法播放)
  •  发现页
  •  播放列表
  •  播放记录
  •  全部歌单
  •  歌单详情
  •  最新音乐
  •  主题换肤功能
  •  登录(网易云 uid 登录)

后端接口

https://binaryify.github.io/NeteaseCloudMusicApi

技术栈

  • Vue 全家桶 Vue-CLI3 create 出来的。
  • Element-Ui 魔改样式。
  • better-scroll 歌词滚动部分用了黄轶老大的 (贼爽)
  • CSS Variables 主题换肤。
  • ES 6 / 7 (JavaScript 语言的下一代标准)
  • Sass(CSS 预处理器)
  • postcss-pxtorem(自动处理 rem,妈妈再也不用担心屏幕太大太小了)
  • workbox-webpack-plugin 谷歌开发的利用 Service Work 预缓存 chunks 的 webpack 插件。

屏幕截图

首页

歌单列表

歌单详情

音乐播放

安装与使用

npm i
npm run dev
免费源码

XiunoBBS 4.0.4源码 含官方全部插件【管理存档】

2020-12-5 2:42:57

免费源码

MDClub--开源免费论坛系统源码,手机和电脑界面都不错

2021-1-6 16:34:28




重要声明

本站资源来自会员发布以及互联网收集,不代表本站立场,如有侵犯你的权益请联系管理员-小车站内发信联系 我们会第一时间进行审核删除。站内资源为网友个人学习或测试研究使用,未经原版权作者许可,禁止用于任何商业途径!请用户仔细辨认内容的真实性,避免上当受骗!本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。请在下载24小时内删除!


如果遇到付费才可观看的文章,建议升级终身VIP。全站所有资源任意下免费看”。本站资源少部分采用7z压缩,为防止有人压缩软件不支持7z格式,7z解压,建议下载7-zip,zip、rar解压,建议下载WinRAR

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索