uniapp 小程序轮播图+缩略图展示（用两个swiper，通过相同的current来实现联动）使用swiper来实现代码

UniApp小程序中，你可以使用Vuetify组件库中的Swiper组件来创建轮播图和缩略图，并通过监听当前选中的索引来实现两者之间的联动。以下是一个简单的示例代码：

<template>
  <view>
    <!-- 主要轮播图 -->
    <v-swipe :current.sync="mainSwipeCurrent">
      <v-swipe-item v-for="(item, index) in mainItems" :key="index">
        <image :src="item.src" :width="item.width" :height="item.height"></image>
      </v-swipe-item>
    </v-swiper>

    <!-- 缩略图轮播图 -->
    <v-swipe ref="thumbnailSwipe" :current="mainSwipeCurrent">
      <v-swipe-item v-for="(thumbItem, thumbIndex) in thumbnailItems" :key="thumbIndex">
        <image :src="thumbItem.src" :width="thumbItem.width" :height="thumbItem.height"></image>
      </v-swipe-item>
    </v-swipe>
  </view>
</template>

<script>
export default {
  data() {
    return {
      mainSwipeCurrent: 0,
      mainItems: [
        // 主要轮播图的图片列表
      ],
      thumbnailItems: [
        // 缩略图的图片列表
      ]
    }
  },
  methods: {
    swiperChange(current) {
      this.$refs.thumbnailSwipe.current = current;
      // 如果需要，也可以在这里处理其他联动逻辑
    }
  },
  mounted() {
    this.$refs.thumbnailSwipe.observeSwiper({
      change: this.swiperChange
    });
  }
};
</script>

在这个例子中，`mainSwipeCurrent`属性同步到主轮播图和缩略图轮播图。当主轮播图滑动时，会触发`swiperChange`方法更新缩略图轮播图的位置。

注意：你需要先安装`v-loading`或`vutify-loader`来引入Vuetify组件，并确保在你的项目中已经配置了相关依赖。