2023-11-17 08:45:00 +08:00
|
|
|
<script setup lang="ts">
|
|
|
|
import { $t } from '@/locales';
|
|
|
|
|
|
|
|
defineOptions({
|
|
|
|
name: 'FullScreen'
|
|
|
|
});
|
|
|
|
|
|
|
|
interface Props {
|
|
|
|
full?: boolean;
|
|
|
|
}
|
2024-01-25 23:24:35 +08:00
|
|
|
|
|
|
|
defineProps<Props>();
|
2023-11-17 08:45:00 +08:00
|
|
|
</script>
|
|
|
|
|
|
|
|
<template>
|
|
|
|
<ButtonIcon :key="String(full)" :tooltip-content="full ? $t('icon.fullscreenExit') : $t('icon.fullscreen')">
|
2024-03-24 03:02:08 +08:00
|
|
|
<icon-gridicons-fullscreen-exit v-if="full" />
|
|
|
|
<icon-gridicons-fullscreen v-else />
|
2023-11-17 08:45:00 +08:00
|
|
|
</ButtonIcon>
|
|
|
|
</template>
|
|
|
|
|
|
|
|
<style scoped></style>
|