更新配置: 支付和邮件登录模块配置优化, 删除临时文档

demo/frontend/src/App-backup.vue

@@ -30,3 +30,7 @@ console.log('App.vue 加载成功')
 
 
 
+
+
+
+

demo/frontend/src/api/auth.js

@@ -1,15 +1,18 @@
 import api from './request'
 
 // 认证相关API
-export const login = (credentials) => {
-  return api.post('/auth/login', credentials)
-}
+// 注意：用户名密码登录已禁用，仅支持邮箱验证码登录
 
-// 邮箱验证码登录
+// 邮箱验证码登录（唯一登录方式）
 export const loginWithEmail = (credentials) => {
   return api.post('/auth/login/email', credentials)
 }
 
+// 向后兼容（已禁用）
+export const login = (credentials) => {
+  return api.post('/auth/login', credentials)
+}
+
 export const register = (userData) => {
   return api.post('/auth/register', userData)
 }

demo/frontend/src/api/userWorks.js

@@ -56,3 +56,7 @@ export const getWorkStats = () => {
   })
 }
 
+
+
+
+

demo/frontend/src/components/Footer.vue

@@ -89,6 +89,10 @@
 
 
 
+
+
+
+
 
 
 

demo/frontend/src/views/Login.vue

@@ -19,6 +19,7 @@
       <!-- 登录标题 -->
       <div class="login-title">
         <h2>邮箱验证码登录</h2>
+        <p class="login-subtitle">请输入邮箱地址，获取验证码后登录</p>
       </div>
 
       <!-- 登录表单 -->
@@ -227,6 +228,12 @@ const handleLogin = async () => {
     return
   }
   
+  // 验证码格式检查（6位数字）
+  if (!/^\d{6}$/.test(loginForm.code)) {
+    ElMessage.warning('验证码格式不正确，请输入6位数字')
+    return
+  }
+  
   try {
     console.log('开始登录...')
     
@@ -389,7 +396,14 @@ const handleLogin = async () => {
   color: white;
   font-size: 24px;
   font-weight: 600;
+  margin: 0 0 8px 0;
+}
+
+.login-subtitle {
+  color: rgba(255, 255, 255, 0.7);
+  font-size: 14px;
   margin: 0;
+  text-align: center;
 }
 
 

demo/frontend/src/views/StoryboardVideoCreate.vue

@@ -66,13 +66,17 @@
           <div class="text-input-section">
             <textarea 
               v-model="inputText"
-              placeholder="例如:一个咖啡的广告提示:简单描述即可,AI会自动优化成专业的12格黑白分镜图"
+              placeholder="例如:一个咖啡的广告&#10;&#10;提示:简单描述即可，AI会自动优化成专业的分镜图&#10;支持中文或英文输入，系统会自动翻译并优化为专业的分镜图描述"
               class="text-input"
               rows="6"
             ></textarea>
+            <div class="input-tips">
+              <div class="tip-item">💡 AI会根据您的描述自动生成专业分镜图</div>
+              <div class="tip-item">🎬 支持多种画面构图和镜头类型描述</div>
+            </div>
             <div class="optimize-btn">
               <button class="optimize-button" @click="optimizePromptHandler" :disabled="!inputText.trim() || optimizingPrompt">
-                ✨ {{ optimizingPrompt ? '优化中...' : '一键优化' }}
+                ✨ {{ optimizingPrompt ? '优化中...' : '一键优化提示词' }}
               </button>
             </div>
           </div>
@@ -922,6 +926,27 @@ onBeforeUnmount(() => {
   color: #6b7280;
 }
 
+.input-tips {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  padding: 12px;
+  background: rgba(59, 130, 246, 0.05);
+  border-radius: 8px;
+  border: 1px solid rgba(59, 130, 246, 0.2);
+}
+
+.tip-item {
+  font-size: 13px;
+  color: #9ca3af;
+  line-height: 1.5;
+}
+
+.tip-item:first-child {
+  color: #60a5fa;
+  font-weight: 500;
+}
+
 .optimize-btn {
   display: flex;
   justify-content: flex-end;