微信小程序之自动滚动公告板
2019-03-21 本文已影响0人
愤怒的小铁匠
老规矩,先上最终效果图
![](https://img.haomeiwen.com/i2555725/9bb1453aafb37d94.gif)
最近研究小程序,正好公司有个项目要这样的效果,本身准备用自定义组件来实现,后来查了点资料可以用swiper实现,然后就用了swiper来处理这个效果,相对来说还是比较简单的,下面直接上代码。
js
![](https://img.haomeiwen.com/i2555725/7cbaab50df4a148e.png)
wxml
![](https://img.haomeiwen.com/i2555725/eb9e7aca13ca17e3.png)
wxss
![](https://img.haomeiwen.com/i2555725/d7b95983324b50a1.png)
需要注意的是当滚动到 数组最后一个时候点击删除按钮会造成swiper页面空白,经过到小程序社区搜索得知是由于swiper的current未重置为0,在删除消息的方法中加了一层判断后问题解决。