ocelot-Social-Community/Ocelot-Social
1
0
Fork 0
mirror of https://github.com/Ocelot-Social-Community/Ocelot-Social.git synced 2025-12-12 23:35:58 +00:00
Code Issues Packages Projects Releases Wiki Activity

hide image on feiled loading in card

Browse Source
This commit is contained in:
Grzegorz Leoniec 2018-10-16 09:38:51 +02:00
parent bf9a87cb24
commit a1bc604dd9
1 changed files with 15 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
styleguide/src/system/components/layout/Card/Card.vue
View File

@ -14,7 +14,10 @@
v-if="image || $slots.image"> v-if="image || $slots.image">
<!-- @slot Content of the card's image --> <!-- @slot Content of the card's image -->
<slot name="image"> <slot name="image">
<img :src="image" > <img
:src="image"
v-if="!error"
@error="onError" >
</slot> </slot>
</div> </div>
<div <div
@ -27,7 +30,7 @@
v-if="header || $slots.header"> v-if="header || $slots.header">
<!-- @slot Content of the card's header --> <!-- @slot Content of the card's header -->
<slot name="header"> <slot name="header">
<ds-heading <ds-heading
:tag="headerTag" :tag="headerTag"
size="h3">{{ header }}</ds-heading> size="h3">{{ header }}</ds-heading>
</slot> </slot>
@ -123,6 +126,16 @@ export default {
type: Boolean, type: Boolean,
default: false default: false
} }
},
data() {
return {
error: false
}
},
methods: {
onError() {
this.error = true
}
} }
} }
</script> </script>