<template>
  <van-swipe class="my-swipe" indicator-color="#3E4FAF">
    <van-swipe-item class="flex justify-center swpiItem"
      ><FnsCard3 />
    </van-swipe-item>
    <van-swipe-item class="flex justify-center swpiItem"
      ><FnsCard3
    /></van-swipe-item>
    <van-swipe-item class="flex justify-center swpiItem"
      ><FnsCard3
    /></van-swipe-item>
  </van-swipe>
</template>
<script lang="ts">
import Vue, {defineComponent} from "vue";
import { Swipe, SwipeItem } from "vant";
import FnsCard3 from "@/components/FnsCard3/index.vue";
export default defineComponent({
  components: {
    "van-swipe": Swipe,
    "van-swipe-item": SwipeItem,
    FnsCard3,
  },
});
</script>
<style lang="less" scoped>
.my-swipe /deep/ .van-swipe__indicator {
  background-color: #e7e7e7;
  opacity: 1;
}
.swpiItem {
  height: 270px;
}
</style>