| 提交 | 用户 | 时间 | ||
| 82c159 | 1 | <template> |
| H | 2 | <!-- 无图片 --> |
| 3 | <div class="h-50px flex items-center justify-center bg-gray-3" v-if="!property.imgUrl"> | |
| 4 | <Icon icon="ep:picture" class="text-gray-8 text-30px!" /> | |
| 5 | </div> | |
| 6 | <el-image class="min-h-30px" v-else :src="property.imgUrl" /> | |
| 7 | </template> | |
| 8 | <script setup lang="ts"> | |
| 9 | import { ImageBarProperty } from './config' | |
| 10 | ||
| 11 | /** 图片展示 */ | |
| 12 | defineOptions({ name: 'ImageBar' }) | |
| 13 | ||
| 14 | defineProps<{ property: ImageBarProperty }>() | |
| 15 | </script> | |
| 16 | ||
| 17 | <style scoped lang="scss"> | |
| 18 | /* 图片 */ | |
| 19 | img { | |
| 20 | display: block; | |
| 21 | width: 100%; | |
| 22 | height: 100%; | |
| 23 | } | |
| 24 | </style> | |
