5.16

2025-05-16 08:55:13 +08:00
parent e62c3fce70
commit 839703dc1a
66 changed files with 5029 additions and 0 deletions
@@ -0,0 +1,33 @@
+<template>
+  <el-icon id="fullscreen" class="icon-style" @click="handleFullScreen">
+    <component :is="icon ? 'Rank' : 'FullScreen'"></component>
+  </el-icon>
+</template>
+
+<script setup>
+import screenfull from 'screenfull'
+import { ref, onMounted, onBeforeMount } from 'vue'
+
+import { ElMessage } from 'element-plus'
+
+let icon = ref(screenfull.isFullscreen)
+const handleFullScreen = () => {
+  if (screenfull.isEnabled) {
+    screenfull.toggle()
+  }
+}
+
+const changeIcon = () => {
+  icon.value = screenfull.isFullscreen
+}
+
+onMounted(() => {
+  screenfull.on('change', changeIcon)
+})
+
+onBeforeMount(() => {
+  screenfull.off('change')
+})
+</script>
+
+<style scoped></style>