parent
815b9d2391
commit
95b735ff72
@ -0,0 +1,28 @@
|
||||
import StillImage from '../still-image/still-image.vue'
|
||||
import nsfwImage from '../../assets/nsfw.png'
|
||||
|
||||
const UserAvatar = {
|
||||
props: [
|
||||
'src'
|
||||
],
|
||||
data () {
|
||||
return {
|
||||
showPlaceholder: false
|
||||
}
|
||||
},
|
||||
components: {
|
||||
StillImage
|
||||
},
|
||||
computed: {
|
||||
imgSrc () {
|
||||
return this.showPlaceholder ? nsfwImage : this.src
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
imageLoadError () {
|
||||
this.showPlaceholder = true
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
export default UserAvatar
|
@ -0,0 +1,5 @@
|
||||
<template>
|
||||
<StillImage class="avatar" :src="imgSrc" :imageLoadError="imageLoadError"/>
|
||||
</template>
|
||||
|
||||
<script src="./user_avatar.js"></script>
|
Loading…
Reference in new issue