一、效果

在这里插入图片描述

二、代码

<swiper autoplay circular easing-function="linear" interval="5000" duration="5000" display-multiple-items="1.8">
    <swiper-item wx:for="{{activities}}" wx:key="index">
      <image src="{{item.activityImg}}"></image>
    </swiper-item>
</swiper>

效果实现重点：

autoplay：自动切换
circular：衔接滑动（头尾衔接）
easing-function：linear 线性动画（匀速滚动）
interval：自动切换时间间隔
duration：滑动动画时长（与上同即可实现无缝切换）
display-multiple-items：同时显示的滑块数量（配合决定图片间隔）

其他文字跑马灯或 card 类都可

over

原文链接：https://blog.csdn.net/qq_32682301/article/details/126895628