登录页优化

.idea/compiler.xml

@@ -19,40 +19,19 @@
         </processorPath>
         <module name="emotion-museum-server" />
       </profile>
-      <profile name="Annotation profile for backend" enabled="true">
-        <sourceOutputDir name="target/generated-sources/annotations" />
-        <sourceTestOutputDir name="target/generated-test-sources/test-annotations" />
-        <outputRelativeToContentRoot value="true" />
-        <processorPath useClasspath="false">
-          <entry name="$MAVEN_REPOSITORY$/org/projectlombok/lombok/1.18.30/lombok-1.18.30.jar" />
-          <entry name="$MAVEN_REPOSITORY$/org/mapstruct/mapstruct-processor/1.5.3.Final/mapstruct-processor-1.5.3.Final.jar" />
-          <entry name="$MAVEN_REPOSITORY$/org/mapstruct/mapstruct/1.5.3.Final/mapstruct-1.5.3.Final.jar" />
-        </processorPath>
-        <module name="reward-api" />
-        <module name="websocket-api" />
-        <module name="record-api" />
-        <module name="user-server" />
-        <module name="websocket-server" />
-        <module name="admin-api" />
-        <module name="auth-server" />
-        <module name="ai-server" />
-        <module name="stats-api" />
-        <module name="user-api" />
-        <module name="common" />
-        <module name="ai-api" />
-        <module name="stats-server" />
-        <module name="explore-api" />
-        <module name="admin-server" />
-        <module name="auth-api" />
-        <module name="reward-server" />
-        <module name="growth-api" />
-        <module name="gateway" />
-        <module name="growth-server" />
-        <module name="record-server" />
-        <module name="explore-server" />
-      </profile>
     </annotationProcessing>
     <bytecodeTargetLevel>
+      <module name="admin" target="17" />
+      <module name="admin-api" target="17" />
+      <module name="admin-server" target="17" />
+      <module name="ai" target="17" />
+      <module name="ai-api" target="17" />
+      <module name="ai-server" target="17" />
+      <module name="auth" target="17" />
+      <module name="auth-api" target="17" />
+      <module name="auth-server" target="17" />
+      <module name="backend" target="17" />
+      <module name="common" target="17" />
       <module name="customer" target="17" />
       <module name="emotion-ai" target="17" />
       <module name="emotion-auth" target="1.5" />
@@ -64,8 +43,30 @@
       <module name="emotion-reward" target="17" />
       <module name="emotion-stats" target="17" />
       <module name="emotion-user" target="17" />
+      <module name="explore" target="17" />
+      <module name="explore-api" target="17" />
+      <module name="explore-server" target="17" />
+      <module name="gateway" target="17" />
+      <module name="growth" target="17" />
+      <module name="growth-api" target="17" />
+      <module name="growth-server" target="17" />
+      <module name="record" target="17" />
+      <module name="record-api" target="17" />
+      <module name="record-server" target="17" />
+      <module name="reward" target="17" />
+      <module name="reward-api" target="17" />
+      <module name="reward-server" target="17" />
       <module name="server" target="1.5" />
       <module name="service" target="17" />
+      <module name="stats" target="17" />
+      <module name="stats-api" target="17" />
+      <module name="stats-server" target="17" />
+      <module name="user" target="17" />
+      <module name="user-api" target="17" />
+      <module name="user-server" target="17" />
+      <module name="websocket" target="17" />
+      <module name="websocket-api" target="17" />
+      <module name="websocket-server" target="17" />
     </bytecodeTargetLevel>
   </component>
   <component name="JavacSettings">

.idea/jarRepositories.xml

@@ -9,12 +9,12 @@
     <remote-repository>
       <option name="id" value="central" />
       <option name="name" value="Central Repository" />
-      <option name="url" value="https://repo.huaweicloud.com/repository/maven/" />
+      <option name="url" value="https://maven.aliyun.com/nexus/content/groups/public/" />
     </remote-repository>
     <remote-repository>
       <option name="id" value="central" />
       <option name="name" value="Central Repository" />
-      <option name="url" value="https://maven.aliyun.com/nexus/content/groups/public/" />
+      <option name="url" value="https://repo.huaweicloud.com/repository/maven/" />
     </remote-repository>
     <remote-repository>
       <option name="id" value="spring-ai" />

web/src/views/Login/index.vue

@@ -11,7 +11,9 @@
           ref="loginFormRef"
           :model="loginForm"
           :rules="loginRules"
-          label-width="80px"
+          label-position="top"
+          label-width="0"
+          class="login-form"
           @submit.prevent="handleLogin"
         >
           <el-form-item label="手机号" prop="phone">
@@ -25,18 +27,24 @@
           </el-form-item>
 
           <el-form-item label="短信验证码" prop="smsCode">
-            <div class="flex gap-2 w-full">
+            <div class="sms-code-row">
               <el-input
                 v-model="loginForm.smsCode"
                 placeholder="请输入6位验证码"
                 :prefix-icon="Key"
                 clearable
-                class="flex-1"
+                class="flex-1 sms-code-input"
                 @keyup.enter="handleLogin"
                 maxlength="6"
                 show-word-limit
               />
-              <el-button type="primary" plain @click="handleSendSmsCode" :disabled="smsSending || countdown > 0">
+              <el-button
+                type="primary"
+                plain
+                class="sms-code-button"
+                @click="handleSendSmsCode"
+                :disabled="smsSending || countdown > 0"
+              >
                 {{ countdown > 0 ? `${countdown}s` : (smsSending ? '发送中...' : '获取验证码') }}
               </el-button>
             </div>
@@ -227,6 +235,7 @@ onMounted(() => {
   display: flex;
   align-items: center;
   justify-content: center;
+  padding: 2rem 1rem;
 }
 
 .container {
@@ -245,6 +254,22 @@ onMounted(() => {
   box-shadow: none;
 }
 
+.login-form {
+  margin-top: 0.5rem;
+}
+
+.sms-code-row {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  width: 100%;
+}
+
+.sms-code-button {
+  white-space: nowrap;
+  min-width: 110px;
+}
+
 .captcha-container {
   width: 120px;
   height: 40px;
@@ -395,5 +420,16 @@ onMounted(() => {
   .social-login {
     flex-direction: column;
   }
+
+  .sms-code-row {
+    flex-direction: column;
+    align-items: stretch;
+    gap: 0.75rem;
+  }
+
+  .sms-code-button {
+    width: 100%;
+    text-align: center;
+  }
 }
 </style>