| | |
| | | <template> |
| | | <el-image :src="`${realSrc}`" fit="cover" :style="`width:${realWidth};height:${realHeight};`" :preview-src-list="realSrcList" preview-teleported> |
| | | <template #error> |
| | | <div class="image-slot"> |
| | | <el-icon><picture-filled /></el-icon> |
| | | </div> |
| | | </template> |
| | | </el-image> |
| | | </template> |
| | | |
| | | <script setup lang="ts"> |
| | | const props = defineProps({ |
| | | src: { |
| | |
| | | typeof props.height == "string" ? props.height : `${props.height}px` |
| | | ); |
| | | </script> |
| | | |
| | | <template> |
| | | <el-image :src="`${realSrc}`" fit="cover" :style="`width:${realWidth};height:${realHeight};`" :preview-src-list="realSrcList" preview-teleported> |
| | | <template #error> |
| | | <div class="image-slot"> |
| | | <el-icon><picture-filled /></el-icon> |
| | | </div> |
| | | </template> |
| | | </el-image> |
| | | </template> |
| | | |
| | | <style lang="scss" scoped> |
| | | .el-image { |