23 lines
557 B
Vue
23 lines
557 B
Vue
<script setup lang="ts">
|
|
import { ImgButton } from '@/components/Button'
|
|
|
|
const props = defineProps<{
|
|
positions: { top: string; left: string }[]
|
|
displayedIcons: string[]
|
|
sideStatus: boolean
|
|
}>()
|
|
|
|
const emit = defineEmits<{ (e: 'iconClick', icon: string): void }>()
|
|
</script>
|
|
|
|
<template>
|
|
<ImgButton
|
|
v-for="(icon, index) in props.displayedIcons"
|
|
:key="index"
|
|
@click="emit('iconClick', icon)"
|
|
class="absolute z-10"
|
|
:style="{ top: props.positions[index]?.top, left: props.positions[index]?.left }"
|
|
:image="icon"
|
|
/>
|
|
</template>
|