新增全屏状态

src/renderer/App.vue

@@ -16,11 +16,23 @@
 <script>
 import { useRefGetter, watch, onMounted } from '@renderer/utils/vueTools'
 import useApp from '@renderer/core/useApp'
+import { isFullscreen } from '@renderer/core/share'
+
+const getFontSizeWithScreen = screenWidth => {
+  return screenWidth <= 1440
+    ? 16
+    : screenWidth <= 1920
+      ? 18
+      : screenWidth <= 2560
+        ? 20
+        : screenWidth <= 2560 ? 20 : 22
+}
 
 export default {
   setup() {
     const theme = useRefGetter('theme')
     const font = useRefGetter('font')
+    const windowSizeActive = useRefGetter('windowSizeActive')
 
     const dom_root = document.getElementById('root')
 
@@ -34,6 +46,17 @@ export default {
     }, {
       immediate: true,
     })
+    watch(isFullscreen, val => {
+      if (val) {
+        document.body.classList.remove(window.dt ? 'disableTransparent' : 'transparent')
+        document.body.classList.add('fullscreen')
+        document.documentElement.style.fontSize = getFontSizeWithScreen(window.screen.width) + 'px'
+      } else {
+        document.body.classList.remove('fullscreen')
+        document.body.classList.add(window.dt ? 'disableTransparent' : 'transparent')
+        document.documentElement.style.fontSize = windowSizeActive.value.fontSize
+      }
+    })
 
     useApp()
 
@@ -85,13 +108,13 @@ body {
 
 .transparent {
   padding: @shadow-app;
-  #waiting-mask {
-    border-radius: @radius-border;
-    left: @shadow-app;
-    right: @shadow-app;
-    top: @shadow-app;
-    bottom: @shadow-app;
-  }
+  // #waiting-mask {
+  //   border-radius: @radius-border;
+  //   left: @shadow-app;
+  //   right: @shadow-app;
+  //   top: @shadow-app;
+  //   bottom: @shadow-app;
+  // }
   #root {
     box-shadow: 0 0 @shadow-app rgba(0, 0, 0, 0.5);
     border-radius: @radius-border;
@@ -114,6 +137,14 @@ body {
     margin-right: 5Px;
   }
 }
+.fullscreen {
+  background-color: #fff;
+
+  #right {
+    border-top-left-radius: 0;
+    border-bottom-left-radius: 0;
+  }
+}
 
 #container {
   position: relative;