uniapp多图轮播带左右箭头

你可以使用uniapp的swiper组件来实现多图轮播，并使用自定义的左右箭头来控制切换。下面是一个示例代码：

<template>
  <view>
    <swiper class="swiper" :indicator-dots="false" :autoplay="true" :circular="true">
      <swiper-item v-for="(item, index) in images" :key="index">
        <image class="image" :src="item"></image>
      </swiper-item>
    </swiper>
    
    <view class="arrow left-arrow" @click="prev">
      <text class="iconfont icon-leftarrow"></text>
    </view>
    
    <view class="arrow right-arrow" @click="next">
      <text class="iconfont icon-rightarrow"></text>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      images: [
        'image1.jpg',
        'image2.jpg',
        'image3.jpg'
      ],
      current: 0
    };
  },
  methods: {
    prev() {
      if (this.current === 0) {
        this.current = this.images.length - 1;
      } else {
        this.current--;
      }
    },
    next() {
      if (this.current === this.images.length - 1) {
        this.current = 0;
      } else {
        this.current++;
      }
    }
  }
};
</script>

<style>
.swiper {
  height: 300rpx;
}

.image {
  width: 100%;
  height: 100%;
}

.arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 40rpx;
  height: 40rpx;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  text-align: center;
  line-height: 40rpx;
  font-size: 24rpx;
}

.left-arrow {
  left: 10rpx;
}

.right-arrow {
  right: 10rpx;
}
</style>

在上面的示例中，我们使用了uniapp的swiper组件实现了图片轮播功能。通过设置`indicator-dots`为`false`，我们取消了默认的轮播指示点。通过设置`autoplay`为`true`和`circular`为`true`，我们实现了自动轮播和循环播放的效果。

为了添加左右箭头，我们在swiper组件外部使用了两个view元素，并绑定了点击事件`@click`。通过点击左箭头，我们调用了`prev`方法来切换到上一张图片；通过点击右箭头，我们调用了`next`方法来切换到下一张图片。

你可以根据自己的需要，修改样式和图片的路径来适应你的项目。