fix

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

@@ -1,5 +1,5 @@
 
-import { useMemo, useState } from 'react';
+import { useEffect, useMemo, useState } from 'react';
 import styles from './index.less'
 import { DragDropContext, Droppable, Draggable } from 'react-beautiful-dnd';
 import { useModel } from '@umijs/max';
@@ -8,6 +8,7 @@ import { Tooltip } from 'antd';
 let noDrag = ["banners", "guess_like"]
 function MiniBox() {
     const { state, dispatch } = useModel("appPageConifg")
+    const [show, setShow] = useState(false)
     const list = useMemo(() => {
         let pageConfig = state.pageConfigList?.find(page => page.pageUrl === state.activePage)
         let list: {
@@ -48,8 +49,14 @@ function MiniBox() {
         dispatch({
             type: 'setAll', params: { pageConfigList, index: state.index + 1 }
         })
-        console.log(reorderedItems)
     };
+    useEffect(() => {
+        if (list.length > 0 && !show) {
+           setTimeout(()=>{
+            setShow(true)
+           },300)
+        }
+    }, [list,show])
     return list?.length > 0 && <DragDropContext onDragEnd={onDragEnd}>
         <Droppable droppableId="droppable">
             {(provided) => (
@@ -58,8 +65,7 @@ function MiniBox() {
                     2.点击下方模块可快捷选中组件<br />
                     3.顶部组件和底部组件不可改变顺便
                 </>}
-
-                    color={"#2db7f5"} open={true}>
+                    color={"#2db7f5"} open={show}>
                     <div
                         {...provided.droppableProps}
                         ref={provided.innerRef}