老规矩,先上最终效果图
最终效果图最近研究小程序,正好公司有个项目要这样的效果,本身准备用自定义组件来实现,后来查了点资料可以用swiper实现,然后就用了swiper来处理这个效果,相对来说还是比较简单的,下面直接上代码。
js
wxml
wxmlwxss
wxss需要注意的是当滚动到 数组最后一个时候点击删除按钮会造成swiper页面空白,经过到小程序社区搜索得知是由于swiper的current未重置为0,在删除消息的方法中加了一层判断后问题解决。
老规矩,先上最终效果图
最终效果图最近研究小程序,正好公司有个项目要这样的效果,本身准备用自定义组件来实现,后来查了点资料可以用swiper实现,然后就用了swiper来处理这个效果,相对来说还是比较简单的,下面直接上代码。
js
wxml
wxmlwxss
wxss需要注意的是当滚动到 数组最后一个时候点击删除按钮会造成swiper页面空白,经过到小程序社区搜索得知是由于swiper的current未重置为0,在删除消息的方法中加了一层判断后问题解决。
本文标题:微信小程序之自动滚动公告板
本文链接:https://www.haomeiwen.com/subject/vnvqvqtx.html
网友评论