美文网首页
微信小程序之自动滚动公告板

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

作者: 愤怒的小铁匠 | 来源:发表于2019-03-21 14:22 被阅读0次

    老规矩,先上最终效果图

    最终效果图

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

    js

    wxml

    wxml

    wxss

    wxss

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

    相关文章

      网友评论

          本文标题:微信小程序之自动滚动公告板

          本文链接:https://www.haomeiwen.com/subject/vnvqvqtx.html