uniapp 滑动切换图

要在uniapp中实现滑动切换图，你可以使用uni-swiper组件。下面是一个示例代码：

<template>
  <view>
    <swiper :autoplay="true" :interval="3000">
      <swiper-item v-for="(item, index) in images" :key="index">
        <image :src="item"></image>
      </swiper-item>
    </swiper>
  </view>
</template>

<script>
export default {
  data() {
    return {
      images: [
        'https://example.com/image1.jpg',
        'https://example.com/image2.jpg',
        'https://example.com/image3.jpg'
      ]
    };
  }
};
</script>

<style>
/* 样式可以根据需求自行调整 */
swiper {
  width: 100%;
  height: 300px;
}

swiper-item {
  width: 100%;
  height: 100%;
}

image {
  width: 100%;
  height: 100%;
}
</style>

在上面的示例中，使用了uni-swiper组件来创建一个滑动切换的轮播图。通过`v-for`指令遍历`images`数组，每个数组项对应一个轮播项。`swiper`组件的`autoplay`属性设置为`true`，表示自动播放轮播图，`interval`属性设置轮播间隔为3000毫秒。

你可以根据需要修改样式，例如调整轮播图的宽度、高度等。