<script setup lang="ts">
|
import type { ImageBarProperty } from './config';
|
|
import { IconifyIcon } from '..\..\..\..\..\..\..\..\packages\icons\src';
|
|
import { Image } from 'ant-design-vue';
|
|
/** 图片展示 */
|
defineOptions({ name: 'ImageBar' });
|
|
defineProps<{ property: ImageBarProperty }>();
|
</script>
|
<template>
|
<div
|
class="flex h-12 items-center justify-center bg-card"
|
v-if="!property.imgUrl"
|
>
|
<IconifyIcon icon="lucide:image" class="text-3xl text-gray-600" />
|
</div>
|
<Image
|
class="block h-full min-h-8 w-full"
|
v-else
|
:src="property.imgUrl"
|
:preview="false"
|
/>
|
</template>
|
