mobile style v2.1

frontend/src/components/Breadcrumbs.vue

@@ -2,7 +2,8 @@
   <nav class="flex mb-4" aria-label="Breadcrumb">
     <ol class="inline-flex items-center space-x-1 sm:space-x-2 text-sm">
       <li class="inline-flex items-center">
-        <RouterLink to="/" class="inline-flex items-center font-medium text-gray-500 hover:text-blue-600">
+        <RouterLink :to="{ name: RouteName.HOME }"
+          class="inline-flex items-center font-medium text-gray-500 hover:text-blue-600">
           <svg class="w-3.5 h-3.5 mr-1.5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor"
             viewBox="0 0 20 20">
             <path

frontend/src/components/MobileCardList.vue

@@ -1,7 +1,6 @@
 <template>
   <div class="space-y-4">
-    <slot name="empty" v-if="items.length === 0"></slot>
-    <div v-else v-for="(item, index) in items" :key="index"
+    <div v-for="(item, index) in items ?? []" :key="index"
       class="p-4 bg-white rounded-lg shadow relative border border-gray-100">
       <div class="flex justify-between items-start mb-3">
         <!-- 标题区域 -->
@@ -37,7 +36,7 @@
 
 <script setup generic="T" lang="ts">
 defineProps<{
-  items: T[];
-  hasCheckbox?: boolean;
+	items: T[] | undefined;
+	hasCheckbox?: boolean;
 }>();
 </script>