完成移动端邀请页面功能

web/src/views/Login.vue

@@ -1,5 +1,8 @@
 <template>
   <div class="login-page">
+    <router-link to="/" class="back-home-btn" title="返回首页">
+      <i class="iconfont icon-home"></i>
+    </router-link>
     <div class="login-container">
       <div class="login-card">
         <div class="login-header">
@@ -58,6 +61,39 @@ onMounted(() => {
   justify-content: center;
   padding: 20px;
 
+  .back-home-btn {
+    position: absolute;
+    top: 24px;
+    left: 24px;
+    z-index: 10;
+    font-size: 22px;
+    color: #fff;
+    background: rgba(0, 0, 0, 0.15);
+    border-radius: 50%;
+    width: 40px;
+    height: 40px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    transition: background 0.2s;
+  }
+  .back-home-btn:hover {
+    background: rgba(0, 0, 0, 0.25);
+  }
+  @media (max-width: 768px) {
+    .back-home-btn {
+      top: 12px;
+      left: 12px;
+      font-size: 20px;
+      width: 36px;
+      height: 36px;
+    }
+  }
+  :deep(.van-theme-dark) .back-home-btn {
+    color: #fff;
+    background: rgba(0, 0, 0, 0.35);
+  }
+
   .login-container {
     width: 100%;
     max-width: 480px;