添加

src/components/globalTools/index.tsx

@@ -5,7 +5,7 @@ import {
   isPlay,
   isHidden
 } from './globalTools';
-import { defineComponent, onMounted, onUnmounted, ref, watch } from 'vue';
+import { defineComponent, onMounted, onUnmounted, ref } from 'vue';
 import { useRoute } from 'vue-router';
 import styles from './index.module.less';
 import iconTool from './images/icon-tool.png';
@@ -14,10 +14,13 @@ import iconWhiteboard from './images/icon-whiteboard.png';
 import gArrowRight from './images/g-arrow-right.png';
 import Pen from '@/views/coursewarePlay/component/tools/pen';
 import { nextTick } from 'process';
+import { useNetwork } from '@vueuse/core';
+import { showToast } from 'vant';
 
 export default defineComponent({
   name: 'globalTools',
   setup() {
+    const { isSupported, isOnline } = useNetwork()
     const isMask = ref(false); // 是否显示遮罩层，为了处理云教练里面拖动不了的问题
     const route = useRoute();
     // watch(
@@ -37,6 +40,10 @@ export default defineComponent({
 
     function openType(type: 'note' | 'whiteboard') {
       if (isLock) return;
+      if(isSupported.value && !isOnline.value) {
+        showToast('网络异常')
+        return
+      }
       if (type === 'note') {
         penShow.value = true;