feat:文件-标题

src/components/ItemTree/index.jsx

@@ -314,10 +314,10 @@ const ItemTree = (prop) => {
     }
 
     return (
-        <div style={{height: "100%",width:"200px"}}>
+        <div style={{height: "100%"}}>
             {getNodeTreeRightClickMenu()}
             <Search
-                style={{marginBottom: 8,}}
+                style={{marginBottom: "4px",}}
                 placeholder="Search"
                 onChange={onChange}
             />

src/pages/Note/index.jsx

@@ -2,7 +2,7 @@ import React, {useRef, useState} from 'react';
 import {
     UserOutlined,
 } from '@ant-design/icons';
-import {Layout, Avatar, Tabs} from 'antd';
+import {Layout, Avatar, Tabs, Button} from 'antd';
 import Hlexical from './Hlexical';
 import ItemTree from "../../components/ItemTree";
 import './index.less'
@@ -22,6 +22,18 @@ const Note = () => {
     const activeKey=useSelector(state => state.tableBarItem.activeKey);
     const items = useSelector(state => state.tableBarItem.data)
     let filePath = useSelector(state => state.dirMessage.data);
+
+    const itemTreeTab=[
+        {
+            key: '1',
+            label: '文件',
+            children: <ItemTree filePath={filePath}></ItemTree>,
+        },        {
+            key: '2',
+            label: '标题',
+            children: '开发中，尽情期待。。',
+        }
+    ]
     const onChange = (newActiveKey) => {
         console.log("setActiveKey(newActiveKey)",newActiveKey)
         dispatch(setActiveKey({"activeKey":newActiveKey}));
@@ -76,8 +88,12 @@ const Note = () => {
                 </div>
             </Sider>
             <Sider trigger={null} collapsedWidth={0} collapsible collapsed={collapsed}
-                   style={{overflow:"auto"}}>
-                <ItemTree filePath={filePath}></ItemTree>
+            //       style={{overflow:"auto"}}
+            >
+                <Tabs id="itemTreeTabs" defaultActiveKey="1" items={itemTreeTab}
+                      // onChange={itemTreeOnChange}
+                    style ={{background:"#fff"}}
+                />
             </Sider>
             <Layout>
                 <Tabs

src/pages/Note/index.less

@@ -6,3 +6,25 @@
 .ant-tabs-top .ant-tabs-nav{
   margin-bottom: 0;
 }
+#itemTreeTabs{
+  margin: 0;
+  height: 100%;
+}
+#itemTreeTabs .ant-tabs-nav{
+  height: 6%;
+}
+#itemTreeTabs .ant-tabs-content-holder{
+  height: 94%;
+}
+#itemTreeTabs .ant-tabs-tab{
+  margin: 0;
+  font-size: 36px;
+  width: 50%;
+  text-align: center;
+}
+#itemTreeTabs .ant-tabs-nav-list{
+  width: 100%;
+}
+#itemTreeTabs .ant-tabs-tab-btn{
+  width: 100%;
+}