2022-01-11 08:22:31 +08:00
|
|
|
<template>
|
2022-04-27 16:39:20 +08:00
|
|
|
<hover-container class="w-40px h-full" tooltip-content="全屏" content-class="hover:text-primary" @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';
|
|
|
|
|
|
|
|
|
|
const { isFullscreen, toggle } = useFullscreen();
|
|
|
|
|
</script>
|
|
|
|
|
<style scoped></style>
|
