1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
| <template>
| <span class="thumb">
| <Image v-if="fileUrl" :src="fileUrl" :width="104" />
| </span>
| </template>
| <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>
| <style lang="less">
| .thumb {
| img {
| display: block;
| position: static;
| border-radius: 4px;
| cursor: zoom-in;
| object-fit: cover;
| }
| }
| </style>
|
|
