首页

layouts/admin/components/AdminHeader.uvue

@@ -1,7 +1,10 @@
 <template>
   <view class="header">
     <view class="header-left">
-      <text class="crumb">{{ breadcrumb }}</text>
+      <text class="crumb" v-for="(item, index) in breadcrumb" :key="item.id">
+        {{ item.title }}
+        <text v-if="index < breadcrumb.length - 1" class="separator"> / </text>
+      </text>
     </view>
 
     <view class="header-right">
@@ -17,7 +20,7 @@
 
 <script setup lang="uts">
 defineProps<{
-  breadcrumb: string
+  breadcrumb: Array<{id: string, title: string}>
   hasNotification: boolean
 }>()
 
@@ -34,13 +37,27 @@ defineEmits<{
   background:#fff;
   border-bottom: 1px solid #eef2f7;
   display:flex;
-    flex-direction:row;
-
+  flex-direction:row;
   align-items:center;
   justify-content: space-between;
   padding: 0 16px;
 }
-.crumb{ color:#374151; font-size:14px; }
+
+.header-left {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+}
+
+.crumb { 
+  color: #374151; 
+  font-size: 14px; 
+}
+
+.separator {
+  color: #d1d5db;
+  margin: 0 8px;
+}
 
 .header-right{ 
   display:flex;