peanut/happy-life-star
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

登录页优化

Browse Source
This commit is contained in:
huazhongmin
2025-11-22 15:35:58 +08:00
parent 0ba89474d2
commit d7cc96ef07
3 changed files with 75 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files
.idea/compiler.xml
Generated
+33 -32
View File
@@ -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
Generated
+2 -2
View File
@@ -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
+40 -4
View File
@@ -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>