feat: 小程序菜单管理

src/pages/mobileConfig/index.js

@@ -7,7 +7,7 @@ import SiteConfig from './SiteConfig';
 import MenuConfig from './menuconfig/MenuConfig';
 const { TabPane } = Tabs;
 const MobileConfigPage = props => {
-  const [activeKey, setActiveKey] = useState('0'); // tabs活动页
+  const [activeKey, setActiveKey] = useState('1'); // tabs活动页
   const [miniTitle, setMiniTitle] = useState('');
   const [flag, setFlag] = useState(1);
   useEffect(() => {

src/pages/mobileConfig/menuconfig/LeftPart.less

 .contentContainer{
-  min-height: calc(100vh - 300px);
+  max-height: calc(100vh - 300px);
+  overflow-x: auto;
   display: flex;
   .menuContainer{
       min-width: 300px;
       border:1px solid #abaeb1;
-      min-height:calc(100vh - 300px);
+      // min-height:calc(100vh - 300px);
       overflow-y:auto;
       .ant-tree-list{
           padding: 10px;
-          height:calc(100vh - 300px);
+          height:calc(100vh - 330px);
           .ant-tree-switcher{
               line-height: 1;
               color:#1890FF;
@@ -19,11 +20,23 @@
           }
       }
   }
-  .previewContainer{
+  .editContainer{
       margin-left: 12px;
       flex: 1;
+      padding: 16px;
       float: left;
-      // background: white;
+      min-width: 500px;
+      border:1px solid #abaeb1;
+      .ant-table-pagination-right{
+          padding-right: 12px;
+      }
+  }
+  .previewContainer{
+      margin-left: 12px;
+      // flex: 1;
+      float: left;
+      min-width: 400px;
+      border:1px solid #abaeb1;
       .ant-table-pagination-right{
           padding-right: 12px;
       }
@@ -53,16 +66,4 @@
 .redText{
   color: red;
   cursor: pointer;
-}
-// .ant-modal-root{
-//   .ant-tree-switcher{
-//       line-height: 1;
-//       color:#1890FF;
-//   }
-// }
-
-// .menuContainer{
-//     width: 300px;
-//     padding: 10px;
-//     background: #1890FF;
-//   }
\ No newline at end of file
+}
\ No newline at end of file

src/pages/mobileConfig/menuconfig/MenuConfig.jsx

@@ -7,10 +7,8 @@ const MenuConfig = props => {
   const [flag, setFlag] = useState(1);
   return (
     <ProCard split="vertical">
-      <ProCard colSpan="400px">
-        <LeftPart />
-      </ProCard>
-      <ProCard>{/* <AddForm /> */}</ProCard>
+      <LeftPart />
+      {/* <ProCard><AddForm /></ProCard> */}
     </ProCard>
   );
 };