更新

src/components/Header.vue

@@ -5,5 +5,14 @@
         <span class="text-blue-500">Bee</span>Fast
       </h1>
     </div>
+    <nav class="flex items-center space-x-8">
+      <a href="#" class="text-gray-600 hover:text-blue-500 transition-colors">关于我们</a>
+      <button class="bg-blue-500 text-white px-6 py-2 rounded-full hover:bg-blue-600 transition-colors flex items-center space-x-2">
+        <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4" />
+        </svg>
+        <span>下载</span>
+      </button>
+    </nav>
   </header>
 </template> 

src/components/Hero.vue

@@ -9,16 +9,20 @@
       <p class="mt-6 text-gray-600 text-lg">
         您的快递，我帮你取，一键下单，立刻送达！
       </p>
+      <div class="mt-8">
+        <button class="bg-blue-500 text-white px-8 py-4 rounded-full text-lg font-semibold hover:bg-blue-600 transition-colors flex items-center space-x-2">
+          <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 18v-11m0 0l-4 4m4-4l4 4m-4-4v11M5 3h14a2 2 0 012 2v14a2 2 0 01-2 2H5a2 2 0 01-2-2V5c0-1.1.9-2 2-2z" />
+          </svg>
+          <span>下载移动应用</span>
+        </button>
+      </div>
     </div>
     <div class="lg:w-1/2 mt-12 lg:mt-0 relative">
       <img src="../assets/images/delivery-guy.png" alt="配送员" class="w-full rounded-lg relative z-0" />
-      <div class="absolute top-20 right-180 bg-white rounded-lg p-3 shadow-lg z-20">
-        <DeliveryCard name="John Smith" rating="5" text="快速送达" />
-      </div>
     </div>
   </section>
 </template>
 
 <script setup>
-import DeliveryCard from './DeliveryCard.vue'
 </script>