diff --git a/packages/editor/src/layouts/sidebar/Sidebar.vue b/packages/editor/src/layouts/sidebar/Sidebar.vue
index 48e895ab..69333b9c 100644
--- a/packages/editor/src/layouts/sidebar/Sidebar.vue
+++ b/packages/editor/src/layouts/sidebar/Sidebar.vue
@@ -8,6 +8,7 @@
         draggable="true"
         :key="config.$key ?? index"
         :class="{ 'is-active': activeTabName === config.text }"
+        :style="config.tabStyle || {}"
         @click="activeTabName = config.text || `${index}`"
         @dragstart="dragstartHandler"
         @dragend="dragendHandler(config.$key, $event)"
diff --git a/packages/editor/src/type.ts b/packages/editor/src/type.ts
index c045301a..1a281933 100644
--- a/packages/editor/src/type.ts
+++ b/packages/editor/src/type.ts
@@ -371,8 +371,10 @@ export interface MenuBarData {
 export interface SideComponent extends MenuComponent {
   /** 显示文案 */
   text: string;
+  /** tab样式 */
+  tabStyle?: string | Record<string, any>;
   /** vue组件或url */
-  icon: Component<{}, {}, any>;
+  icon?: Component<{}, {}, any>;
   /** slide 唯一标识 key */
   $key: string;