模仿网易云音乐 app 首页轮播图的效果,如图:
vant 组件库也没有这样的组件,官方里也没有找到好的方法,于是想了一个有意思的方法:
中间的图片两边分别设置一个和页面背景色相同背景色的盒子,图片中间正常写结构,再结合官方 swiper 组件上的 “ previous-margin ” 和 “ next-margin ” 方法,让前后 2 张图片边缘出来一点,这样就 OK 了,用图片来表示就是这样的:
代码就不展示了,因为很简单!
最后实现的效果是这样的:
模仿网易云音乐 app 首页轮播图的效果,如图:
vant 组件库也没有这样的组件,官方里也没有找到好的方法,于是想了一个有意思的方法:
中间的图片两边分别设置一个和页面背景色相同背景色的盒子,图片中间正常写结构,再结合官方 swiper 组件上的 “ previous-margin ” 和 “ next-margin ” 方法,让前后 2 张图片边缘出来一点,这样就 OK 了,用图片来表示就是这样的:
代码就不展示了,因为很简单!
最后实现的效果是这样的: