视图路径修改

2025-10-27 17:29:25 +08:00
parent 5fa4e1cd42
commit 0033ac10ec
69 changed files with 162 additions and 1199 deletions
--- a/schoolNewsWeb/src/views/public/login/ForgotPassword.vue
+++ b/schoolNewsWeb/src/views/public/login/ForgotPassword.vue
@@ -0,0 +1,101 @@
+<template>
+  <div class="forgot-password-container">
+    <div class="forgot-password-box">
+      <div class="forgot-password-header">
+        <div class="logo">
+          <img src="@/assets/logo.png" alt="Logo" />
+        </div>
+        <h1 class="title">找回密码</h1>
+        <p class="subtitle">重置您的账户密码</p>
+      </div>
+      
+      <div class="forgot-password-form">
+        <!-- 找回密码表单内容 -->
+        <div class="form-placeholder">
+          <p>找回密码功能开发中...</p>
+        </div>
+      </div>
+      
+      <div class="forgot-password-footer">
+        <p>
+          想起密码了？
+          <el-link type="primary" @click="goToLogin">返回登录</el-link>
+        </p>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { useRouter } from 'vue-router';
+
+const router = useRouter();
+
+function goToLogin() {
+  router.push('/login');
+}
+</script>
+
+<style lang="scss" scoped>
+.forgot-password-container {
+  min-height: 100vh;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+  padding: 20px;
+}
+
+.forgot-password-box {
+  width: 100%;
+  max-width: 400px;
+  background: white;
+  border-radius: 12px;
+  padding: 40px;
+  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
+}
+
+.forgot-password-header {
+  text-align: center;
+  margin-bottom: 32px;
+  
+  .logo img {
+    width: 64px;
+    height: 64px;
+    margin-bottom: 16px;
+  }
+  
+  .title {
+    font-size: 24px;
+    font-weight: 600;
+    color: #333;
+    margin: 0 0 8px 0;
+  }
+  
+  .subtitle {
+    color: #666;
+    font-size: 14px;
+    margin: 0;
+  }
+}
+
+.forgot-password-form {
+  .form-placeholder {
+    text-align: center;
+    padding: 60px 20px;
+    color: #999;
+    font-size: 16px;
+  }
+}
+
+.forgot-password-footer {
+  text-align: center;
+  margin-top: 24px;
+  
+  p {
+    color: #666;
+    font-size: 14px;
+    margin: 0;
+  }
+}
+</style>