微信小程序 — 实现上下滚动的广告效果

最新推荐文章于 2024-03-12 14:47:22 发布

棒怡情

最新推荐文章于 2024-03-12 14:47:22 发布

阅读量940

点赞数

分类专栏：微信小程序开发文章标签：微信小程序广告滚动效果

本文链接：https://blog.csdn.net/bangyiqing/article/details/125097455

版权

Swiper 微信小程序纵向滚动自动播放事件处理

关键词由CSDN通过智能技术生成

微信小程序开发专栏收录该内容

27 篇文章 4 订阅

订阅专栏

实现方式使用swiper，设置方向为纵向 virtical

 <swiper vertical="true" style="margin-top: 40rpx;" class="whiteBg" autoplay="true" circular="true"  	>
    <block wx:for="{{list}}" wx:key="*this">
      <swiper-item style="display: flex;flex-direction: row;align-items: center;justify-content: left;margin-left: 20rpx;" bindtap="onSwiperItemClick" data-index="{{index}}">{{item}}</swiper-item>
    </block>
  </swiper>