优化:优化设置表单控件尺寸大小的写法

This commit is contained in:
2023-02-16 20:45:44 +08:00
parent 6d72537125
commit db345664a3
6 changed files with 90 additions and 80 deletions

View File

@@ -29,13 +29,12 @@
@ok="handleUpdate"
@cancel="handleCancel"
>
<a-form ref="formRef" :model="form" :rules="rules">
<a-form ref="formRef" :model="form" :rules="rules" size="large">
<a-form-item :label="$t('userCenter.securitySettings.updateEmail.form.label.newEmail')" field="newEmail">
<a-input
v-model="form.newEmail"
:placeholder="$t('userCenter.securitySettings.updateEmail.form.placeholder.newEmail')"
allow-clear
size="large"
/>
</a-form-item>
<a-form-item :label="$t('userCenter.securitySettings.updateEmail.form.label.captcha')" field="captcha">
@@ -44,13 +43,11 @@
:placeholder="$t('userCenter.securitySettings.updateEmail.form.placeholder.captcha')"
max-length="6"
allow-clear
size="large"
style="width: 80%"
/>
<a-button
:loading="captchaLoading"
type="primary"
size="large"
:disabled="captchaDisable"
class="captcha-btn"
@click="handleSendCaptcha"
@@ -64,7 +61,6 @@
:placeholder="$t('userCenter.securitySettings.updateEmail.form.placeholder.currentPassword')"
max-length="32"
allow-clear
size="large"
/>
</a-form-item>
</a-form>