vue框架根据antd封装的走马灯组件

CheckPhotos.vue

<template>
    <div class="check-photos-box">
        <div v-if="allPhotoSrcs.length==0">
            暂无附件
        </div>
        <div class="singlePhotoGroup" v-else-if="allPhotoSrcs.length==1">
            <img alt="image/jepg" :src="allPhotoSrcs[0]" @click="toSeePhoto(0)" />
        </div>
        <div class="eventPhotoGroup" v-else>
            <img
                v-for="(item,index) in allPhotoSrcs"
                :key="index"
                @click="toSeePhoto(index)"
                :src="item"
            />
        </div>
        <PhotosBoard
            :currentPhotoIndex="currentPhotoIndex"
            :allPhotoSrcs="allPhotoSrcs"
            @onCancel="onCancel"
            :currentTitle="currentTitle"
        />
    </div>
</template>
<script lang="ts">
import {
     Component, Prop, Vue, Watch } from "vue-property-decorator";
import {
     State, Getter, Mutation, Action } from "vuex-class";
import moment, {
     Moment } from "moment";
import PhotosBoard from "./PhotosBoard.vue";
import {
     getTenant } from "@/shared/tenant/tenantUtil";

@Component({
    
    components: {
    
        PhotosBoard,
    },
})
export default class EventHandleModal extends Vue {
    
    @Prop() allPhotoSrcs!: string[];
    @Prop() currentTitle!: string;
    curren