提交一下

1

src/utils/index.ts

@@ -297,7 +297,7 @@ export const getSecond = (second: number, type?: string) => {
   const dd = Math.floor(second % 60)
     .toString()
     .padStart(2, '0');
-  return `${mm}${dd}`
+  return `${mm}${dd}`;
 };
 
 /** 滚动到表单填写错误的地方 */
@@ -342,3 +342,25 @@ export const px2vw = (px: number): string => `${(px / 1920) * 100}vw`;
 
 export const px2vwH = (px: number): string =>
   `${(((px / 1920) * 1920) / 1188) * 100}vw`;
+
+export const fscreen = () => {
+  const el = document.documentElement;
+
+  //进入全屏
+  (el.requestFullscreen && el.requestFullscreen()) ||
+    (el.mozRequestFullScreen && el.mozRequestFullScreen()) ||
+    (el.webkitRequestFullscreen && el.webkitRequestFullscreen()) ||
+    (el.msRequestFullscreen && el.msRequestFullscreen());
+
+  //退出全屏
+};
+
+export const exitFullscreen = () => {
+  document.exitFullscreen
+    ? document.exitFullscreen()
+    : document.mozCancelFullScreen
+    ? document.mozCancelFullScreen()
+    : document.webkitExitFullscreen
+    ? document.webkitExitFullscreen()
+    : '';
+};

src/views/home/index.tsx

@@ -59,6 +59,7 @@ import toneImage from '@/components/layout/images/toneImage.png';
 import { px2vw } from '/src/utils';
 import PlaceholderTone from '@/components/layout/modals/placeholderTone';
 import { state } from '/src/state';
+import { fscreen} from '@/utils/index'
 import PreviewWindow from '../preview-window';
 export const formatDateToDay = () => {
   const hours = dayjs().hour();
@@ -342,6 +343,8 @@ export default defineComponent({
                 subjectId: forms.subjectId,
                 detailId: forms.unit
               };
+              // 加全屏
+              fscreen()
             } else {
               const { href } = router.resolve({
                 path: '/attend-class',

src/views/prepare-lessons/model/attend-class/index.tsx

@@ -38,33 +38,33 @@ export default defineComponent({
 
         emit('close');
 
-
         emit('preview', {
           type: 'class',
           classGroupId: item.id,
           subjectId: prepareStore.getSubjectId,
           detailId: prepareStore.getSelectKey
         });
-        if(window.matchMedia('(display-mode: standalone)').matches){
-          setTimeout(()=>{
-            fscreen()
-          },200)
-
-      }
-
+        if (window.matchMedia('(display-mode: standalone)').matches) {
+          setTimeout(() => {
+            fscreen();
+          }, 200);
+        }
       } catch {
         //
       }
     };
-   const fscreen=()=> {
-      var el = document.documentElement
-      var isFullscreen = document.fullScreen || document.mozFullScreen || document.webkitIsFullScreen
+    const fscreen = () => {
+      var el = document.documentElement;
+      var isFullscreen =
+        document.fullScreen ||
+        document.mozFullScreen ||
+        document.webkitIsFullScreen;
       if (!isFullscreen) {
         //进入全屏
         (el.requestFullscreen && el.requestFullscreen()) ||
-        (el.mozRequestFullScreen && el.mozRequestFullScreen()) ||
-        (el.webkitRequestFullscreen && el.webkitRequestFullscreen()) ||
-        (el.msRequestFullscreen && el.msRequestFullscreen())
+          (el.mozRequestFullScreen && el.mozRequestFullScreen()) ||
+          (el.webkitRequestFullscreen && el.webkitRequestFullscreen()) ||
+          (el.msRequestFullscreen && el.msRequestFullscreen());
       } else {
         //退出全屏
         document.exitFullscreen
@@ -73,8 +73,9 @@ export default defineComponent({
           ? document.mozCancelFullScreen()
           : document.webkitExitFullscreen
           ? document.webkitExitFullscreen()
-          : ''
-      }}
+          : '';
+      }
+    };
     const getList = async () => {
       loading.value = true;
       try {
@@ -151,7 +152,7 @@ export default defineComponent({
               ]}>
               {list.value.map((item: any) => (
                 <div onClick={() => onAttendClass(item)}>
-                  <NThing class={[styles.thingItem,'isFull']}>
+                  <NThing class={[styles.thingItem, 'isFull']}>
                     {{
                       header: () => (
                         <div class={styles.title}>