Vue2.x仿网易云音乐项目问题记录（1）

近期在做仿网易云音乐的项目，api用到GitHub上

NeteaseCloudMusicApi项目。

技术栈：Vue2.x，elementUI，Vuex，Vue Router

其中遇到部分问题特记录下：

如果想要修改elementUI，可以使用全局css。并在main.js中import。这样自定义的样式会作用的到对应的组件上例如

特别注意，class的名字一定要与elementUI的组件名一致，具体原因看下组件源码样式class就是组件名称。如果不想全局引用。可以在vue文件中，添加/deep/：

这样就可以在vue文件更改对应样式。

absolute和relative的区别

absoleute绝对定位的意思是说，它的定位不受父元素中其他元素的影响

relative相对定位，就是会受到父元素中其他元素影响

其中又left，right，top，bottom等控制元素所在位置。

对于absolute状况下：

left是，子控件，距离包含他的父控件的左侧的位置多少。类似padding-left。

right，top，bottom同上

其中，如果想做动态的布局，元素块随着窗口的大小改变而改变，可以这样用。

不设置width，设置父，子块元素的left，right，top， bottom即可。如果父级设置，子元素也要设置，不然对应效果不会显示的。

具体效果自行脑补。

ps：

会不定期的更新vue项目开发中遇到的部分坑吧。

1、首先打开手机桌面，点击网易云音乐图标，如下图所示。

2、打开网易云音乐之后，点击我的，如下图所示。

3、然后在我的页面里，点击本地音乐，如下图所示。

4、然后在打开的本地音乐中，点击右上角的三个小圆点，如下图所示。

5、接着在d出的菜单中，点击扫描本地音乐选项，如下图所示。

6、最后在打开的页面中，点击下方的全盘扫描按钮。稍等片刻，扫描完毕后，就本地音乐就导入成功了。

工具/原料：华为P30、EMUI系统10.0、网易云音乐版本7.2。1、进去网易云音乐我的界面，点击本地音乐。

2、在本地音乐中，进行扫描本地歌曲，可以看到已经导入本地歌曲了。3、导入本地歌曲之后，我们也可以将歌曲添加到网易云音乐歌单或者上传到网易云音乐云盘。4、点击收藏到歌单，可以将歌曲添加到歌单。5、点击上传到云盘，可以将本地歌曲上传到网易云音乐云盘，根据需要使用。

---