feat: 增加弹框收集器

JackySoft · Nov 26, 2024 · 38f30f2 · 38f30f2
1 parent 2cce309
commit 38f30f2
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 10 deletions.
diff --git a/packages/editor/src/pages/editor/editor.tsx b/packages/editor/src/pages/editor/editor.tsx
@@ -389,7 +389,7 @@ const Editor = () => {
           },
         }}
       >
-        <div className="designer-editor">
+        <div className="designer-editor" style={{ height: mode === 'preview' ? 'calc(100vh - 64px)' : 'calc(100vh - 104px)' }}>
           <div
             id="editor"
             className="pageWrapper"
@@ -417,14 +417,16 @@ const Editor = () => {
           });
         }}
       />
-      {/* <FloatingCollector /> */}
-      <FloatingCollector
-        modalList={modalList}
-        drawerList={drawerList}
-        clickItem={handleFloateItemClick}
-        closeItem={handleFloateItemClose}
-        deleteItem={handleFloateItemDelete}
-      />
+      {/* 弹框收集器 */}
+      {mode === 'edit' ? (
+        <FloatingCollector
+          modalList={modalList}
+          drawerList={drawerList}
+          clickItem={handleFloateItemClick}
+          closeItem={handleFloateItemClose}
+          deleteItem={handleFloateItemDelete}
+        />
+      ) : null}
     </div>
   );
 };

diff --git a/packages/editor/src/pages/editor/index.less b/packages/editor/src/pages/editor/index.less
@@ -17,7 +17,6 @@
   .designer-editor {
     position: relative;
     overflow: auto;
-    height: calc(100vh - 104px);
     background-color: var(--mars-theme-bg-color);
     /* 设置背景图像为重复的径向渐变，每个渐变代表一个点 */
     background-image: radial-gradient(circle, rgba(185, 185, 185, 0.5) 1px, transparent 1px),