mirror of
https://github.com/certd/certd.git
synced 2026-07-11 15:57:33 +08:00
GitHub Actions Bot
335d175d57
chore: Merge branch 'vben' # Conflicts: # package.json perf: antdv示例改成使用vben框架 chore: vben chore: vben chore: vben
29 lines
712 B
Vue
29 lines
712 B
Vue
<script lang="ts" setup>
|
|
import { Maximize, Minimize } from '/@/vben/icons';
|
|
|
|
import { useFullscreen } from '@vueuse/core';
|
|
|
|
import { VbenIconButton } from '../button';
|
|
|
|
defineOptions({ name: 'FullScreen' });
|
|
|
|
const { isFullscreen, toggle } = useFullscreen();
|
|
|
|
// 重新检查全屏状态
|
|
isFullscreen.value = !!(
|
|
document.fullscreenElement ||
|
|
// @ts-ignore
|
|
document.webkitFullscreenElement ||
|
|
// @ts-ignore
|
|
document.mozFullScreenElement ||
|
|
// @ts-ignore
|
|
document.msFullscreenElement
|
|
);
|
|
</script>
|
|
<template>
|
|
<VbenIconButton @click="toggle">
|
|
<Minimize v-if="isFullscreen" class="text-foreground size-4" />
|
|
<Maximize v-else class="text-foreground size-4" />
|
|
</VbenIconButton>
|
|
</template>
|