mirror of
https://github.com/pure-admin/vue-pure-admin.git
synced 2025-06-06 00:18:51 +08:00
31 lines
656 B
Vue
31 lines
656 B
Vue
<script setup lang="ts">
|
|
import { ref, watch } from "vue";
|
|
import { useNav } from "@/layout/hooks/useNav";
|
|
|
|
const screenIcon = ref();
|
|
const { toggle, isFullscreen, Fullscreen, ExitFullscreen } = useNav();
|
|
|
|
isFullscreen.value = !!(
|
|
document.fullscreenElement ||
|
|
document.webkitFullscreenElement ||
|
|
document.mozFullScreenElement ||
|
|
document.msFullscreenElement
|
|
);
|
|
|
|
watch(
|
|
isFullscreen,
|
|
full => {
|
|
screenIcon.value = full ? ExitFullscreen : Fullscreen;
|
|
},
|
|
{
|
|
immediate: true
|
|
}
|
|
);
|
|
</script>
|
|
|
|
<template>
|
|
<span class="fullscreen-icon navbar-bg-hover" @click="toggle">
|
|
<IconifyIconOffline :icon="screenIcon" />
|
|
</span>
|
|
</template>
|