add ability to update image info
This commit is contained in:
parent
6474c2fd8c
commit
92ed17efa5
12 changed files with 244 additions and 14 deletions
|
|
@ -1,5 +1,10 @@
|
|||
<template>
|
||||
<div class="imageteaser" :style="style" @click="onClick"></div>
|
||||
<div
|
||||
class="imageteaser"
|
||||
:style="style"
|
||||
@click="onClick">
|
||||
<div class="btn edit" @click.stop="onEditClick">✏️</div>
|
||||
</div>
|
||||
</template>
|
||||
<script lang="ts">
|
||||
import { defineComponent } from 'vue'
|
||||
|
|
@ -20,10 +25,22 @@ export default defineComponent({
|
|||
}
|
||||
},
|
||||
},
|
||||
emits: {
|
||||
click: null,
|
||||
editClick: null,
|
||||
},
|
||||
methods: {
|
||||
onClick() {
|
||||
this.$emit('click')
|
||||
},
|
||||
onEditClick() {
|
||||
this.$emit('editClick')
|
||||
},
|
||||
},
|
||||
})
|
||||
</script>
|
||||
<style type="css">
|
||||
.imageteaser { position: relative; }
|
||||
.imageteaser .edit { display: none; position: absolute; }
|
||||
.imageteaser:hover .edit { display: inline-block; }
|
||||
</style>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue