mirror of
https://github.com/elk-zone/elk
synced 2024-11-27 14:28:10 +09:00
parent
f78a7cd98d
commit
3367ba6e30
@ -38,19 +38,6 @@ onMounted(() => {
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<Transition>
|
<img v-if="isLoaded || !placeholderSrc" v-bind="$attrs" :src="src" :srcset="srcset">
|
||||||
<img v-if="isLoaded || !placeholderSrc" v-bind="$attrs" :src="src" :srcset="srcset" absolute>
|
<img v-else v-bind="$attrs" :src="placeholderSrc">
|
||||||
<img v-else v-bind="$attrs" :src="placeholderSrc" absolute>
|
|
||||||
</Transition>
|
|
||||||
<img v-bind="$attrs" :src="placeholderSrc" z-0 aria-hidden>
|
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<style>
|
|
||||||
.v-enter-active {
|
|
||||||
transition: opacity 0.3s ease;
|
|
||||||
}
|
|
||||||
|
|
||||||
.v-enter-from {
|
|
||||||
opacity: 0;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
|
Loading…
Reference in New Issue
Block a user