fix

src/pages/MiniApp/CompConfig/DrawerBox/index.less

@@ -138,4 +138,10 @@
     display: flex;
     justify-content: center;
     align-items: center;
+}
+.miniBox{
+    background-color: #fff;
+    width: calc(100vw / 15);
+    height: calc(20vw *2);
+    margin-left: calc(100vw / 35);
 }

src/pages/MiniApp/CompConfig/DrawerBox/index.tsx

@@ -8,6 +8,7 @@ import { useSize } from "ahooks";
 import { useModel } from "@umijs/max";
 import { useAjax } from "@/Hook/useAjax";
 import { appComponentConfigAddOrUpdate, appComponentConfigGetAppPageList } from "@/services/miniApp/compConfig";
+import MiniBox from "./miniBox";
 // 定义组件的 Props 类型
 interface Props {
     listApi: any
@@ -112,6 +113,8 @@ const ModalForm = forwardRef((props: Props, ref) => {
                 {/* 中间展示 content*/}
                 <Col xl={13} xs={24} style={{ background: token.colorBgContainerDisabled, display: 'flex', alignItems: 'center', justifyContent: 'center' }}>
                     <Content ref={ContentRef} />
+                    {/* 小视窗用户对手机模型的板块拖动删除等操作 */}
+                    <MiniBox />
                 </Col>
                 {/* 右侧参数设置 set*/}
                 <Col xl={6} xs={24}>

src/pages/MiniApp/CompConfig/DrawerBox/miniBox.tsx

@@ -0,0 +1,7 @@
+
+import styles from './index.less'
+function MiniBox(){
+    return <div className={styles.miniBox}>123</div>
+}
+
+export default MiniBox

src/pages/MiniApp/CompConfig/components/index.less

@@ -233,12 +233,11 @@
         overflow-y: hidden;
         flex-flow: row nowrap;
         margin: calc(100vw / 150) 0;
-
         .tag {
             height: calc(100vw / 75);
+            min-width: calc(100vw / 39);
             background: #e8e7e7;
             border-radius: calc(100vw / 128);
-            ;
             font-size: calc(100vw / 160);
             float: left;
             margin-right: calc(100vw / 213);
@@ -247,7 +246,6 @@
             align-items: center;
             justify-content: center;
         }
-
         .tag_ac {
             background: #E5EBFA;
         }