diff --git a/docs/docs/zh-CN/components/breadcrumb.md b/docs/docs/zh-CN/components/breadcrumb.md
index cc540699..fa2ec8bc 100644
--- a/docs/docs/zh-CN/components/breadcrumb.md
+++ b/docs/docs/zh-CN/components/breadcrumb.md
@@ -49,10 +49,10 @@ export default {
 ::: demo
 
 <template>
-    <lay-breadcrumb separator="-">
-        <lay-breadcrumb-item title="可口可乐"></lay-breadcrumb-item>
-        <lay-breadcrumb-item title="美年达"></lay-breadcrumb-item>
-        <lay-breadcrumb-item title="芬达"></lay-breadcrumb-item>
+    <lay-breadcrumb separator="--">
+        <lay-breadcrumb-item>今天</lay-breadcrumb-item>
+        <lay-breadcrumb-item>有些</lay-breadcrumb-item>
+        <lay-breadcrumb-item>不开心</lay-breadcrumb-item>
     </lay-breadcrumb>
 </template>
 
@@ -77,3 +77,11 @@ export default {
 |           |        |     |
 | --------- | ------ | --- |
 | separator | 分割符 | `/` |
+
+::: field breadcrumb slots
+
+:::
+
+|           |        |     |
+| --------- | ------ | --- |
+| default | 默认插槽 | `--` |
diff --git a/src/css/layui.css b/src/css/layui.css
index a69dbc6f..a590c377 100644
--- a/src/css/layui.css
+++ b/src/css/layui.css
@@ -4929,11 +4929,15 @@ body .layui-table-tips .layui-layer-content {
   color: #5fb878 !important;
 }
 
-.layui-breadcrumb a cite {
-  color: #999;
+.layui-breadcrumb a:nth-last-child(2)  {
+  color: #666;
   font-style: normal;
 }
 
+.layui-breadcrumb span:last-child {
+  display: none;
+}
+
 .layui-breadcrumb span[lay-separator] {
   margin: 0 10px;
   color: #ccc;
diff --git a/src/module/breadcrumb/index.vue b/src/module/breadcrumb/index.vue
index 3c7c2618..9eb03264 100644
--- a/src/module/breadcrumb/index.vue
+++ b/src/module/breadcrumb/index.vue
@@ -5,7 +5,7 @@
 </template>
 
 <script setup name="LayBreadcrumb" lang="ts">
-import { defineProps, provide, withDefaults, useSlots, ref, Ref } from 'vue'
+import { defineProps, provide, withDefaults } from 'vue'
 
 const props = withDefaults(
   defineProps<{
diff --git a/src/module/breadcrumbItem/index.vue b/src/module/breadcrumbItem/index.vue
index cf0e0185..961b3159 100644
--- a/src/module/breadcrumbItem/index.vue
+++ b/src/module/breadcrumbItem/index.vue
@@ -1,14 +1,24 @@
 <template>
-  <a href>{{ title }}</a>
+  <a href="javascript:void(0);">
+    <template v-if="slot.default">
+      <slot></slot>
+    </template>
+    <template v-else>
+      {{ title }}
+    </template>
+  </a>
   <span lay-separator>{{ separator }}</span>
 </template>
 
 <script setup name="LayBreadcrumbItem" lang="ts">
-import { defineProps, inject } from 'vue'
+import { defineProps, inject, useSlots } from 'vue'
 
-const props = defineProps<{
-  title: string
-}>()
+const slot = useSlots()
+
+const props =
+  defineProps<{
+    title: string
+  }>()
 
 const separator = inject('separator')
 </script>