用Vue来实现音乐播放器(二十三):音乐列表
当我们将音乐列表往上滑的时候 我们上面的歌手图片部分也会变小
当我们将音乐列表向下拉的时候 我们的图片会放大
当我们将音乐列表向上滑的时候 我们的图片有一个高斯模糊的效果 并且随着我们的列表向上滑动的越多 图片越模糊
封装prefix 避免写太多的兼容性
由于歌曲列表 排行榜列表 歌单列表样式差不多 所以我们做一个list-view的组件 方便复用
![](https://images2018.cnblogs.com/blog/1400381/201806/1400381-20180618090715048-138427797.png)
![](https://images2018.cnblogs.com/blog/1400381/201806/1400381-20180618090915988-110184854.png)
第一步:将从父组件页面中接受需要用到的数据
将接受到的这些数据应用在页面中
背景图:
![](https://images2018.cnblogs.com/blog/1400381/201806/1400381-20180618093015463-1160034491.png)
![](https://images2018.cnblogs.com/blog/1400381/201806/1400381-20180618093424139-1328425089.png)
音乐列表的位置
设置scroll