diff --git a/src/views/demo/tree/data.ts b/src/views/demo/tree/data.ts
index 485efb8f..20fd5c53 100644
--- a/src/views/demo/tree/data.ts
+++ b/src/views/demo/tree/data.ts
@@ -4,6 +4,7 @@ export const treeData: TreeItem[] = [
   {
     title: 'parent ',
     key: '0-0',
+    icon: 'ion:settings-outline',
     children: [
       { title: 'leaf', key: '0-0-0' },
       {
diff --git a/src/views/demo/tree/index.vue b/src/views/demo/tree/index.vue
index 545c374f..3af54cea 100644
--- a/src/views/demo/tree/index.vue
+++ b/src/views/demo/tree/index.vue
@@ -3,7 +3,9 @@
     <Row :gutter="[16, 16]">
       <Col :span="8">
         <BasicTree title="基础示例，默认展开第一层" :treeData="treeData" defaultExpandLevel="1">
-          <template #title> 123123 </template>
+          <template #icon><SmileTwoTone /></template>
+          <template #title>666</template>
+          <template #switcherIcon> <CarryOutOutlined /></template>
         </BasicTree>
       </Col>
       <Col :span="8">
@@ -62,6 +64,7 @@
   import { cloneDeep, uniq } from 'lodash-es';
   import { isArray } from '/@/utils/is';
   import { type Nullable } from '@vben/types';
+  import { SmileTwoTone, CarryOutOutlined } from '@ant-design/icons-vue';
 
   const asyncTreeRef = ref<Nullable<TreeActionType>>(null);
   const asyncExpandTreeRef = ref<Nullable<TreeActionType>>(null);