mirror of https://github.com/nocodb/nocodb
Wing-Kam Wong
2 years ago
1 changed files with 24 additions and 0 deletions
@ -0,0 +1,24 @@ |
|||||||
|
<script setup lang="ts"> |
||||||
|
interface Props { |
||||||
|
src: string[] |
||||||
|
alt?: string |
||||||
|
} |
||||||
|
|
||||||
|
const props = defineProps<Props>() |
||||||
|
|
||||||
|
const index = ref(0) |
||||||
|
|
||||||
|
const onError = () => index.value++ |
||||||
|
</script> |
||||||
|
|
||||||
|
<template> |
||||||
|
<LazyNuxtImg |
||||||
|
v-if="index < props.src.length" |
||||||
|
:src="props.src[index]" |
||||||
|
:onerror="onError" |
||||||
|
:alt="props?.alt || ''" |
||||||
|
placeholder |
||||||
|
quality="75" |
||||||
|
/> |
||||||
|
<img v-else src="~/assets/img/file-not-found.png" /> |
||||||
|
</template> |
Loading…
Reference in new issue