网易云音乐项目
文章平均质量分 67
杜都督丶
前端狗
展开
-
[项目记录]用vue-electron搭建pc网易云音乐程序(4-1)——播放音乐
播放网易云的音乐都是在歌单中进行播放的,如果用户单独点击一首歌进行播放,会默认将该歌曲放在当前播放的歌单中,所以做播放音乐的功能前,优先把歌单功能做好。进入歌单页有很多的入口,目前做好的有在首页点击任意歌单进入,还有点击用户自己创建或者收藏的歌单。借此正好完善一下侧边栏的功能。通过/user/playlist接口获取用户歌单,然后根据creator.userId判断歌单是用户创建歌单还是用户收藏歌单。...原创 2021-07-06 15:37:33 · 663 阅读 · 0 评论 -
[项目记录]用vue-electron搭建pc网易云音乐程序(3-2)——添加header头部功能(2)
接着上一文章继续完善header功能,还剩七个功能1、换肤官方的还有个主题一栏,我这里就不加了,顶多就是顶部背景好看一些,我主要把纯色功能完成。主要分为上下两部分,上面是给定的颜色,下面是自定义颜色。首先完成给定颜色模块,把官方的12个颜色取个色放进来就行。 <div class="colorlist"> <div class="coloritem" v-for="(item, index) in colorlis原创 2021-06-04 16:38:33 · 528 阅读 · 1 评论 -
[项目记录]用vue-electron搭建pc网易云音乐程序(3-1)——添加header头部功能
头部从左到右依次为:前进后退功能、搜索功能、听歌识曲、登录及查看个人信息、换肤、设置、消息、迷你模式,最小化最大化和关闭。1、前进后退功能:一开始我以为这个功能很简单的,只需要获取历史路径记录就可以了,用window.history,但有一个问题,它记录的是所有的历史记录,也就是说哪怕后退,他也会记录进去,在window.history.length里直接加一,这样就没法判断起始页了。咨询了几个大佬,大佬说这个功能要自己写,细问之后有了大致思路。首先在data里定义好routehisto..原创 2021-05-31 12:45:55 · 671 阅读 · 0 评论 -
[项目记录]用vue-electron搭建pc网易云音乐程序(2)——搭建基本页面
项目创建好,可以开始写静态页面了,在动手之前,先粗略观察一下官方的网易云音乐程序样式,看哪些模块是可以重复利用的,以提高开发效率。像tabbar,模块标题,一些电台、mv模块都是可以复用的。再就是确保有可以控制全局风格的变量,很多细节的颜色都是可以一键替换的。粗略观察之后,就可以开始了,首先写顶部和底部组件。为了实现头部header的自定义,要把electron自带的frame和菜单隐藏掉在background.js里新建窗口时,添加frame:false参数,在程序启动时,设置原创 2021-05-20 12:28:57 · 760 阅读 · 0 评论 -
[项目记录]用vue-electron搭建pc网易云音乐程序(1)
开始学习electron,正好发现有现成的网易云音乐接口拿来练手。开始做项目记录。准备工作:一、项目搭建:vue create,然后做好其他配置后,安装electronnpm i electron使用electron-builder集成electronvue add electron-builder运行程序:npm run electron:serve二、安装网易云音乐接口接口文档地址:https://binaryify.github.io/Neteas.原创 2021-05-14 16:18:38 · 656 阅读 · 0 评论