diff --git a/examples/sites/demos/pc/app/breadcrumb/separator-composition-api.vue b/examples/sites/demos/pc/app/breadcrumb/separator-composition-api.vue
index b7b0381865..9166e7ab66 100644
--- a/examples/sites/demos/pc/app/breadcrumb/separator-composition-api.vue
+++ b/examples/sites/demos/pc/app/breadcrumb/separator-composition-api.vue
@@ -1,6 +1,6 @@
 <template>
   <div>
-    <tiny-breadcrumb separator="/">
+    <tiny-breadcrumb separator=">">
       <tiny-breadcrumb-item><a href="#">首页</a></tiny-breadcrumb-item>
       <tiny-breadcrumb-item>
         <a href="#"> 产品 </a>
@@ -8,7 +8,7 @@
       <tiny-breadcrumb-item><a href="#"> 软件</a></tiny-breadcrumb-item>
     </tiny-breadcrumb>
     <br />
-    <tiny-breadcrumb :separator-icon="IconBoat">
+    <tiny-breadcrumb :separator-icon="iconChevronRight">
       <tiny-breadcrumb-item><a hrfe="#">首页</a></tiny-breadcrumb-item>
       <tiny-breadcrumb-item>
         <a href="#"> 产品 </a>
@@ -20,7 +20,7 @@
 
 <script setup>
 import { TinyBreadcrumb, TinyBreadcrumbItem } from '@opentiny/vue'
-import { iconBoat } from '@opentiny/vue-icon'
+import { IconChevronRight } from '@opentiny/vue-icon'
 
-const IconBoat = iconBoat()
+const iconChevronRight = IconChevronRight()
 </script>
diff --git a/examples/sites/demos/pc/app/breadcrumb/separator.spec.ts b/examples/sites/demos/pc/app/breadcrumb/separator.spec.ts
index 3bab304128..05e892dd08 100644
--- a/examples/sites/demos/pc/app/breadcrumb/separator.spec.ts
+++ b/examples/sites/demos/pc/app/breadcrumb/separator.spec.ts
@@ -8,6 +8,6 @@ test('Breadcrumb 自定义分隔符', async ({ page }) => {
   const separator1 = breadcrumb.first().locator('.tiny-breadcrumb__separator')
   const separator2 = breadcrumb.nth(1).locator('.tiny-breadcrumb__separator-cls')
 
-  await expect(separator1.first()).not.toHaveText(/>/)
+  await expect(separator1.first()).toHaveText(/>/)
   await expect(separator2.first()).not.toHaveText(/>/)
 })
diff --git a/examples/sites/demos/pc/app/breadcrumb/separator.vue b/examples/sites/demos/pc/app/breadcrumb/separator.vue
index 404cb03298..3a64ec0704 100644
--- a/examples/sites/demos/pc/app/breadcrumb/separator.vue
+++ b/examples/sites/demos/pc/app/breadcrumb/separator.vue
@@ -1,6 +1,6 @@
 <template>
   <div>
-    <tiny-breadcrumb separator="/">
+    <tiny-breadcrumb separator=">">
       <tiny-breadcrumb-item><a href="#">首页</a></tiny-breadcrumb-item>
       <tiny-breadcrumb-item>
         <a href="#"> 产品 </a>
@@ -8,7 +8,7 @@
       <tiny-breadcrumb-item><a href="#"> 软件</a></tiny-breadcrumb-item>
     </tiny-breadcrumb>
     <br />
-    <tiny-breadcrumb :separator-icon="IconBoat">
+    <tiny-breadcrumb :separator-icon="iconChevronRight">
       <tiny-breadcrumb-item><a hrfe="#">首页</a></tiny-breadcrumb-item>
       <tiny-breadcrumb-item>
         <a href="#"> 产品 </a>
@@ -20,7 +20,7 @@
 
 <script>
 import { TinyBreadcrumb, TinyBreadcrumbItem } from '@opentiny/vue'
-import { IconBoat } from '@opentiny/vue-icon'
+import { IconChevronRight } from '@opentiny/vue-icon'
 
 export default {
   components: {
@@ -29,7 +29,7 @@ export default {
   },
   data() {
     return {
-      IconBoat: IconBoat()
+      iconChevronRight: IconChevronRight()
     }
   }
 }