* fix(web): 修复默认不存在时跳转问题

* feature(web): 图片组件增加预览
This commit is contained in:
Rhon Joe
2023-07-14 21:21:25 +08:00
committed by GitHub
parent 784dca2baa
commit fe27fd4c86
4 changed files with 24 additions and 5 deletions
+6 -1
View File
@@ -9,7 +9,7 @@
<img v-else :src="noAvatar" class="avatar">
</template>
<template v-if="picType === 'file'">
<img :src="file" class="file">
<el-image :src="file" class="file" :preview-src-list="previewSrcList" :preview-teleported="true"/>
</template>
</span>
</template>
@@ -34,6 +34,10 @@ const props = defineProps({
type: String,
required: false,
default: ''
},
preview: {
type: Boolean,
default: false
}
})
@@ -61,6 +65,7 @@ const file = computed(() => {
}
return props.picSrc
})
const previewSrcList = computed(() => props.preview ? [file.value] : [])
</script>