2022-01-11 08:22:31 +08:00
|
|
|
<template>
|
2022-04-29 15:53:12 +08:00
|
|
|
<hover-container class="w-40px h-full" tooltip-content="全屏" :inverted="theme.header.inverted" @click="toggle">
|
2022-01-11 08:22:31 +08:00
|
|
|
<icon-gridicons-fullscreen-exit v-if="isFullscreen" class="text-18px" />
|
|
|
|
|
<icon-gridicons-fullscreen v-else class="text-18px" />
|
|
|
|
|
</hover-container>
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<script lang="ts" setup>
|
|
|
|
|
import { useFullscreen } from '@vueuse/core';
|
2022-04-29 15:53:12 +08:00
|
|
|
import { useThemeStore } from '@/store';
|
2022-01-11 08:22:31 +08:00
|
|
|
|
|
|
|
|
const { isFullscreen, toggle } = useFullscreen();
|
2022-04-29 15:53:12 +08:00
|
|
|
const theme = useThemeStore();
|
2022-01-11 08:22:31 +08:00
|
|
|
</script>
|
|
|
|
|
<style scoped></style>
|
