微信小程序之自动滚动公告板

老规矩,先上最终效果图

最终效果图

最近研究小程序,正好公司有个项目要这样的效果,本身准备用自定义组件来实现,后来查了点资料可以用swiper实现,然后就用了swiper来处理这个效果,相对来说还是比较简单的,下面直接上代码。
js


js

wxml


wxml

wxss

wxss

需要注意的是当滚动到 数组最后一个时候点击删除按钮会造成swiper页面空白,经过到小程序社区搜索得知是由于swiper的current未重置为0,在删除消息的方法中加了一层判断后问题解决。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。