feat(breadcrumb): [breadcrumb] modify delimiter (#2576)

* feat(breadcrumb): [breadcrumb] modify delimiter * feat(breadcrumb): [breadcrumb] modify delimiter
opentiny · Nov 29, 2024 · f8b2a47 · f8b2a47
1 parent 487a38b
commit f8b2a47
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 9 deletions.
diff --git a/examples/sites/demos/pc/app/breadcrumb/separator-composition-api.vue b/examples/sites/demos/pc/app/breadcrumb/separator-composition-api.vue
@@ -1,14 +1,14 @@
 <template>
   <div>
-    <tiny-breadcrumb separator="/">
+    <tiny-breadcrumb separator=">">
       <tiny-breadcrumb-item><a href="#">首页</a></tiny-breadcrumb-item>
       <tiny-breadcrumb-item>
         <a href="#"> 产品 </a>
       </tiny-breadcrumb-item>
       <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
@@ -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
@@ -1,14 +1,14 @@
 <template>
   <div>
-    <tiny-breadcrumb separator="/">
+    <tiny-breadcrumb separator=">">
       <tiny-breadcrumb-item><a href="#">首页</a></tiny-breadcrumb-item>
       <tiny-breadcrumb-item>
         <a href="#"> 产品 </a>
       </tiny-breadcrumb-item>
       <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()
     }
   }
 }