2 Star 14 Fork 0

yinks / Vue-netease-music-reset

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
贡献代码
同步代码
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README

使用Vue全家桶开发,融合Mac与Win风格于一体的网易云音乐🎵在线程序

关于音乐播放器也不是第一次写了,在之前就写过两个关于播放器的项目了,嗯mmmm...与其说是项目,不如说是体量稍大一点的demo

  1. BIGWhitePlayer 网页端本地音乐播放器

这个播放器使用的是老旧的 jQuery 进行开发,虽然过程中频繁操作DOM,开发过程比较繁琐,但是作为我个人第一个学习前端以来真正意义上的独立“项目”,这整个过程是十分快乐的,而且实际体验也还不错?说件让人哭笑不得的事😂,我还在某个源码传播平台看到了我这个作品。当然这并不是说我编程技术有多好,但至少说明我这个程序可玩性还不错?至少他们是这么认为的😳

  1. 悦听 网页端在线音乐播放器

这个程序是我今年年初练习 Vue 写的,整体下了花了大半天时间吧,有两方面原因,第一就是不需要浪费一些精力在操作DOM上面,我们可以只专心处理逻辑层面的问题,第二这个程序确实要比上面的程序要实现的东西少,仅仅是几个 API 接口拿到数据渲染到页面,再做一些点击事件就OK了

那么这次开发到底有什么不一样的呢?首先整个技术栈已经不在一个高度了,本次开发用到了 Vue2.0,Vue-cil,Sass,Vue-router,Vuex,axios,Element UI,Vue-lazyload 这些框架以及组件库,其次就是这次的开发体量确实不同以往,整个内容十分完整,是个真正意义上的完整项目。

页面及功能介绍

  • 首页推荐
  • 发现音乐
  • 歌单推荐
  • 最新音乐
  • 最新MV
  • 音乐搜索
  • 歌单详情
  • MV详情
  • 歌单及MV评论
  • 播放列表
  • 播放及模式切换功能
  • 主题换肤功能
  • ID登录功能

UI界面

界面配色及设计主要借鉴了GitHub上面一位大佬开发的Vue全家桶高仿Mac🎵网易云音乐。但是有些地方的设计总让我觉得很别扭,所以我就把Windows平台的网易云设计也融入了进来,终于做出了现在这个😁四不像的样子,开个玩笑,我觉得还挺好看,现在一起欣赏下吧!

图片

图片

图片

图片

图片

部署安装

npm install

运行项目

npm run serve

打包上线

npm run build

空文件

简介

🎵仿写及重置vue-netease-music 使用Vue全家桶开发,一款融合Mac和win风格于一体的PC网页端程序 网易云音乐! 展开 收起
取消

发行版

暂无发行版

贡献者

全部

近期动态

加载更多
不能加载更多了
1
https://gitee.com/inkgn/vue-netease-music-reset.git
git@gitee.com:inkgn/vue-netease-music-reset.git
inkgn
vue-netease-music-reset
Vue-netease-music-reset
master

搜索帮助