diff --git a/src/components/CURD/PageContent.vue b/src/components/CURD/PageContent.vue
index 0f79a63d..72482e7b 100644
--- a/src/components/CURD/PageContent.vue
+++ b/src/components/CURD/PageContent.vue
@@ -46,7 +46,7 @@
             <el-button
               v-hasPerm="[`${contentConfig.pageName}:${item.auth}`]"
               :icon="item.icon"
-              type="default"
+              :type="item.type ?? 'default'"
               @click="handleToolbar(item.name)"
             >
               {{ item.text }}
diff --git a/src/components/CURD/types.ts b/src/components/CURD/types.ts
index 22500fc3..1cbdb561 100644
--- a/src/components/CURD/types.ts
+++ b/src/components/CURD/types.ts
@@ -108,6 +108,7 @@ export interface IContentConfig<T = any> {
         icon?: string;
         name: string;
         text: string;
+        type?: "primary" | "success" | "warning" | "danger" | "info";
       }
   >;
   // 表格工具栏右侧图标
diff --git a/src/views/demo/curd/config/content.ts b/src/views/demo/curd/config/content.ts
index ef77d1e0..56a1a0b7 100644
--- a/src/views/demo/curd/config/content.ts
+++ b/src/views/demo/curd/config/content.ts
@@ -49,6 +49,13 @@ const contentConfig: IContentConfig<UserQuery> = {
       text: "导入",
       auth: "import",
     },
+    {
+      name: "custom1",
+      icon: "plus",
+      text: "自定义1",
+      auth: "import",
+      type: "info",
+    },
   ],
   defaultToolbar: ["refresh", "filter", "imports", "exports", "search"],
   cols: [