<script lang="ts">
    import { defineComponent } from 'vue'
    import { propTypes } from '/@/utils/propTypes'
    import { Image } from 'ant-design-vue'

    export default defineComponent({
        components: { Image },
        props: {
            fileUrl: propTypes.string.def(''),
            fileName: propTypes.string.def(''),
        },
    })
</script>

<template>
    <span class="thumb">
        <Image v-if="fileUrl" :src="fileUrl" :width="104" />
    </span>
</template>

<style lang="less">
    .thumb {
        img {
            position: static;
            display: block;
            cursor: zoom-in;
            border-radius: 4px;
            object-fit: cover;
        }
    }
</style>
