为Welcome页面添加跳转功能 - 开始体验和立即体验按钮跳转到登录页面

demo/frontend/src/views/Welcome.vue

@@ -10,7 +10,7 @@
           <a href="#" class="nav-link">分镜视频</a>
           <a href="#" class="nav-link">订阅套餐</a>
         </nav>
-        <button class="nav-button">开始体验</button>
+        <button class="nav-button" @click="goToLogin">开始体验</button>
       </div>
     </header>
 
@@ -24,7 +24,7 @@
           <span class="bright-text">灵感</span><span class="fade-text">变现。</span>
         </span>
       </h1>
-      <button class="main-button">立即体验</button>
+      <button class="main-button" @click="goToLogin">立即体验</button>
     </main>
 
     <!-- 背景光影效果已删除 -->
@@ -32,6 +32,14 @@
 </template>
 
 <script setup>
+import { useRouter } from 'vue-router'
+
+const router = useRouter()
+
+// 跳转到登录页面
+const goToLogin = () => {
+  router.push('/login')
+}
 </script>
 
 <style scoped>