From d1ddafb5a39720cc5d8499179b9f48861a76b4b5 Mon Sep 17 00:00:00 2001
From: gjj <Ganjj@probim.com.cn>
Date: Tue, 25 Feb 2025 11:43:26 +0800
Subject: [PATCH] 1
---
/dev/null | 62 -------------------------------
1 files changed, 0 insertions(+), 62 deletions(-)
diff --git a/src/components/FullScreenButton.vue b/src/components/FullScreenButton.vue
deleted file mode 100644
index c139bc5..0000000
--- a/src/components/FullScreenButton.vue
+++ /dev/null
@@ -1,62 +0,0 @@
-<template>
- <span @click="onFullscreen" class="inline-flex justify-center items-center w-[42px] h-[42px] rounded-md cursor-pointer bg-[hsla(0,0%,0%,0.9)]">
- <img class="w-[18px] h-[18px]" src="../assets/images/fullscreen.png" alt="全屏" />
- </span>
-</template>
-
-<script>
- export default {
- name: "FullscreenButton",
- methods: {
- onFullscreen() {
- if (this.isFullscreenEnabled()) {
- if (this.isFullScreen()) {
- this.exitFullscreen();
- } else {
- this.openFullScreen(document.body);
- }
- }
- },
- // 判断当前文档是否能切换到全屏
- isFullscreenEnabled() {
- return document.fullscreenEnabled || document.mozFullScreenEnabled || document.webkitFullscreenEnabled || document.msFullscreenEnabled;
- },
- // 判断当前窗体是否为全屏状态
- isFullScreen() {
- return !!(document.fullscreenElement || document.mozFullScreen || document.webkitIsFullScreen || document.webkitFullScreen || document.msFullScreen);
- },
- // 打开全屏
- openFullScreen(ele) {
- if (ele.requestFullscreen) {
- ele.requestFullscreen();
- } else if (ele.mozRequestFullScreen) {
- ele.mozRequestFullScreen();
- } else if (ele.webkitRequestFullscreen) {
- ele.webkitRequestFullscreen();
- } else if (ele.msRequestFullscreen) {
- ele.msRequestFullscreen();
- }
- this.$store.dispatch("common/setFullscreenInfo", {
- isFullscreen: true,
- fullscreenElement: ele,
- });
- },
- // 退出全屏
- exitFullscreen() {
- if (document.exitFullscreen) {
- document.exitFullscreen();
- } else if (document.mozCancelFullScreen) {
- document.mozCancelFullScreen();
- } else if (document.webkitExitFullscreen) {
- document.webkitExitFullscreen();
- } else if (element.msExitFullscreen) {
- element.msExitFullscreen();
- }
- this.$store.dispatch("common/setFullscreenInfo", {
- isFullscreen: false,
- fullscreenElement: null,
- });
- },
- },
- };
-</script>
--
Gitblit v1.9.3