diff --git a/web3/packages/mind-map/src/components/ToolBar.vue b/web3/packages/mind-map/src/components/ToolBar.vue
index 5f4daa73..d9ce01c4 100644
--- a/web3/packages/mind-map/src/components/ToolBar.vue
+++ b/web3/packages/mind-map/src/components/ToolBar.vue
@@ -1,5 +1,5 @@
 <template>
-    <div class="absolute w-full border flex flex-row gap-[24px]">
+    <div class="absolute w-full border-0 px-[24px] border-b flex flex-row gap-[24px]">
       <InsertChildNode/>
       <InsertSiblingNode/>
       <ImportBtn/>
diff --git a/web3/packages/mind-map/src/components/ToolBar/ExportBtn.vue b/web3/packages/mind-map/src/components/ToolBar/ExportBtn.vue
index 634a80da..2a47efaa 100644
--- a/web3/packages/mind-map/src/components/ToolBar/ExportBtn.vue
+++ b/web3/packages/mind-map/src/components/ToolBar/ExportBtn.vue
@@ -1,7 +1,7 @@
 <!-- 插入子节点 -->
 <template>
   <div
-    class="w-[80px] h-[80px] border flex flex-col items-center justify-center"
+    class="w-[80px] h-[80px] flex justify-center items-center border-0 border-l border-r"
     @click="
       exportFile({
         type: 'md',
diff --git a/web3/packages/mind-map/src/components/ToolBar/ImportBtn.vue b/web3/packages/mind-map/src/components/ToolBar/ImportBtn.vue
index a161fce8..894ac14c 100644
--- a/web3/packages/mind-map/src/components/ToolBar/ImportBtn.vue
+++ b/web3/packages/mind-map/src/components/ToolBar/ImportBtn.vue
@@ -1,7 +1,7 @@
 <!-- 导入文件 -->
 <template>
   <div
-    class="w-[80px] h-[80px] border flex items-center justify-center cursor-pointer hover:bg-gray-100"
+    class="w-[80px] h-[80px] flex justify-center items-center border-0 border-l border-r"
     @click="triggerFileInput"
   >
     <input
diff --git a/web3/packages/mind-map/src/components/ToolBar/InsertChildNode.vue b/web3/packages/mind-map/src/components/ToolBar/InsertChildNode.vue
index 6126cd78..dc2781c4 100644
--- a/web3/packages/mind-map/src/components/ToolBar/InsertChildNode.vue
+++ b/web3/packages/mind-map/src/components/ToolBar/InsertChildNode.vue
@@ -2,7 +2,7 @@
 <template>
   <div
     @click="addNewChildNode"
-    class="w-[80px] h-[80px] flex justify-center items-center border"
+    class="w-[80px] h-[80px] flex justify-center items-center border-0 border-l border-r"
   >
     新增子节点
   </div>
diff --git a/web3/packages/mind-map/src/components/ToolBar/InsertSiblingNode.vue b/web3/packages/mind-map/src/components/ToolBar/InsertSiblingNode.vue
index ac86ed74..759d97d9 100644
--- a/web3/packages/mind-map/src/components/ToolBar/InsertSiblingNode.vue
+++ b/web3/packages/mind-map/src/components/ToolBar/InsertSiblingNode.vue
@@ -2,7 +2,7 @@
 <template>
   <div
     @click="addNewSiblingNode"
-    class="w-[80px] h-[80px] flex justify-center items-center border"
+    class="w-[80px] h-[80px] flex justify-center items-center border-0 border-l border-r"
   >
     姐妹节点
   </div>
diff --git a/web3/packages/mind-map/src/components/ToolBar/RemoveNode.vue b/web3/packages/mind-map/src/components/ToolBar/RemoveNode.vue
index cb88f46b..9a922f9c 100644
--- a/web3/packages/mind-map/src/components/ToolBar/RemoveNode.vue
+++ b/web3/packages/mind-map/src/components/ToolBar/RemoveNode.vue
@@ -1,7 +1,7 @@
 <template>
   <div
     @click="remove"
-    class="w-[80px] h-[80px] flex justify-center items-center border"
+    class="w-[80px] h-[80px] flex justify-center items-center border-0 border-l border-r"
   >
     删除节点
   </div>
diff --git a/web3/packages/mind-map/src/components/ToolBar/layoutGroup.vue b/web3/packages/mind-map/src/components/ToolBar/layoutGroup.vue
new file mode 100644
index 00000000..6ff90692
--- /dev/null
+++ b/web3/packages/mind-map/src/components/ToolBar/layoutGroup.vue
@@ -0,0 +1,4 @@
+<!-- 布局 -->
+ <template>
+    <div></div>
+ </template>
\ No newline at end of file
diff --git a/web3/packages/mind-map/src/store/helpers/layoutGroupList.ts b/web3/packages/mind-map/src/store/helpers/layoutGroupList.ts
new file mode 100644
index 00000000..8ffb5be1
--- /dev/null
+++ b/web3/packages/mind-map/src/store/helpers/layoutGroupList.ts
@@ -0,0 +1,37 @@
+// 结构列表
+export const layoutGroupList = [
+    {
+      name: '力导向图',
+      list: ['forceDirected']
+    },
+    {
+      name: '逻辑结构图',
+      list: ['logicalStructure', 'logicalStructureLeft']
+    },
+    {
+      name: '思维导图',
+      list: ['mindMap']
+    },
+    {
+      name: '组织结构图',
+      list: ['organizationStructure']
+    },
+    {
+      name: '目录组织图',
+      list: ['catalogOrganization']
+    },
+    {
+      name: '时间轴',
+      list: [
+        'timeline',
+        'timeline2',
+        'verticalTimeline2',
+        'verticalTimeline3',
+        'verticalTimeline'
+      ]
+    },
+    {
+      name: '鱼骨图',
+      list: ['fishbone', 'fishbone2', 'rightFishbone', 'rightFishbone2']
+    }
+  ]
\ No newline at end of file
diff --git a/web3/packages/mind-map/src/views/index.vue b/web3/packages/mind-map/src/views/index.vue
index 560554e5..64bee85b 100644
--- a/web3/packages/mind-map/src/views/index.vue
+++ b/web3/packages/mind-map/src/views/index.vue
@@ -1,9 +1,9 @@
 <template>
-  <div class="h-full w-full relative border border-red">
+  <div class="relative w-full h-full border">
     <!-- 操作拦 -->
     <ToolBar />
     <div
-      class="mindMapContainer w-full h-full "
+      class="w-full h-full mindMapContainer "
       id="mindMapContainer"
       ref="mindMapContainer"
     />