uniapp 如何实现匀速轮播图片

在uniapp中实现匀速轮播图片的方式有很多种，以下是其中一种实现方式：

1. 在页面中添加一个swiper组件，设置属性autoplay为true，interval为图片切换的时间间隔，circular为true（循环播放），indicator-dots为false（去除底部的圆点指示器）。

2. 在swiper中添加多个swiper-item组件，每个swiper-item中嵌套一张图片。

3. 通过CSS设置swiper-item的宽度和高度，以及图片的宽度和高度。

4. 在页面的样式文件中设置swiper-item的过渡效果，以实现图片的匀速轮播。

以下是示例代码：

<template>
  <view class="swiper-container">
    <swiper autoplay interval="3000" circular indicator-dots="false">
      <swiper-item>
        <image src="../../static/imgs/banner1.jpg"></image>
      </swiper-item>
      <swiper-item>
        <image src="../../static/imgs/banner2.jpg"></image>
      </swiper-item>
      <swiper-item>
        <image src="../../static/imgs/banner3.jpg"></image>
      </swiper-item>
    </swiper>
  </view>
</template>

<style>
.swiper-container {
  width: 100%;
  height: 200px;
}

.swiper-item {
  width: 100%;
  height: 200px;
}

.swiper-item image {
  width: 100%;
  height: 200px;
}

.swiper-item-enter-active,
.swiper-item-leave-active {
  transition: transform 1s;
}

.swiper-item-enter,
.swiper-item-leave-to {
  transform: translateX(100%);
}
</style>

以上代码实现了一个简单的图片轮播效果，图片之间切换时会有平移动画。你可以根据需求调整代码中的属性值和样式，来实现自己想要的匀速轮播效果。