File size: 616 Bytes
89ce340 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 |
<template>
<div class="popover-menu-item" :class="{ 'center': center }" @click="emit('click')">
<slot></slot>
</div>
</template>
<script lang="ts" setup>
withDefaults(defineProps<{
center?: boolean
}>(), {
center: false,
})
const emit = defineEmits<{
(event: 'click'): void
}>()
</script>
<style lang="scss" scoped>
.popover-menu-item {
min-width: 80px;
padding: 6px 10px;
border-radius: $borderRadius;
font-size: 13px;
cursor: pointer;
&.center {
text-align: center;
}
&:hover {
background-color: #f1f1f1;
}
& + .popover-menu-item {
margin-top: 2px;
}
}
</style> |