瀏覽代碼

悠win滑动问题

lex 1 年之前
父節點
當前提交
7709f0e76c
共有 3 個文件被更改,包括 30 次插入4 次删除
  1. 1 1
      public/version.json
  2. 4 0
      src/styles/index.less
  3. 25 3
      src/views/attend-class/index.tsx

+ 1 - 1
public/version.json

@@ -1 +1 @@
-{"version":1710313280071}
+{"version":1710313513748}

+ 4 - 0
src/styles/index.less

@@ -20,6 +20,10 @@ body {
   overflow: hidden;
 }
 
+body>.n-drawer-container-relative {
+  position: relative !important;
+}
+
 // 搜索框前面放大镜样式重置
 .icon-search-input {
   display: inline-block;

+ 25 - 3
src/views/attend-class/index.tsx

@@ -371,6 +371,25 @@ export default defineComponent({
       chapterLoading: false // 加载数据
     });
 
+    watch(
+      () => [popupData.open, popupData.chapterOpen],
+      val => {
+        // 为了处理window电脑滑动时的问题 - pointr-events
+        setTimeout(() => {
+          const drawers = document.querySelectorAll('.n-drawer-container');
+          if (val[0] || val[1]) {
+            drawers?.forEach(drawer => {
+              drawer.classList.remove('n-drawer-container-relative');
+            });
+          } else {
+            drawers?.forEach(drawer => {
+              drawer.classList.add('n-drawer-container-relative');
+            });
+          }
+        }, 200);
+      }
+    );
+
     const formatParentId = (id: any, list: any, ids = [] as any) => {
       for (const item of list) {
         if (item.knowledgeList && item.knowledgeList.length > 0) {
@@ -1688,7 +1707,9 @@ export default defineComponent({
           v-model:show={popupData.open}
           class={[styles.drawerContainer, styles.drawerContainerSource]}
           onAfterLeave={handleClosePopup}
-          showMask={false}>
+          showMask={false}
+          blockScroll={false}
+          trapFocus={false}>
           <NDrawerContent closable>
             {{
               header: () => (
@@ -1716,8 +1737,9 @@ export default defineComponent({
           class={styles.drawerContainer}
           onAfterLeave={handleClosePopup}
           showMask={false}
-          displayDirective="show"
-          maskClosable={data.selectClassStatus ? false : true}>
+          maskClosable={data.selectClassStatus ? false : true}
+          blockScroll={false}
+          trapFocus={false}>
           <NDrawerContent title="切换章节" closable>
             <Chapter
               treeList={popupData.chapterDetails}