refactor(projects): 登录页面重新设计
This commit is contained in:
@@ -36,24 +36,38 @@ async function handleSubmit() {
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<ElForm ref="formRef" :model="model" :rules="rules" size="large" :show-label="false" @keyup.enter="handleSubmit">
|
||||
<ElForm ref="formRef" :model="model" :rules="rules" size="large" @keyup.enter="handleSubmit">
|
||||
<ElFormItem prop="userName">
|
||||
<ElInput v-model="model.userName" :placeholder="$t('page.login.common.userNamePlaceholder')" />
|
||||
<ElInput v-model="model.userName" :placeholder="$t('page.login.common.userNamePlaceholder')">
|
||||
<template #prefix>
|
||||
<SvgIcon icon="mdi:account-outline" />
|
||||
</template>
|
||||
</ElInput>
|
||||
</ElFormItem>
|
||||
<ElFormItem prop="password">
|
||||
<ElInput
|
||||
v-model="model.password"
|
||||
type="password"
|
||||
show-password-on="click"
|
||||
show-password
|
||||
:placeholder="$t('page.login.common.passwordPlaceholder')"
|
||||
/>
|
||||
>
|
||||
<template #prefix>
|
||||
<SvgIcon icon="mdi:lock-outline" />
|
||||
</template>
|
||||
</ElInput>
|
||||
</ElFormItem>
|
||||
<ElSpace direction="vertical" :size="24" class="w-full" fill>
|
||||
<div class="pb-18px">
|
||||
<ElCheckbox>{{ $t('page.login.pwdLogin.rememberMe') }}</ElCheckbox>
|
||||
<ElButton type="primary" size="large" round block :loading="authStore.loginLoading" @click="handleSubmit">
|
||||
{{ $t('common.confirm') }}
|
||||
</ElButton>
|
||||
</ElSpace>
|
||||
</div>
|
||||
<ElButton
|
||||
type="primary"
|
||||
size="large"
|
||||
class="login-submit-button"
|
||||
:loading="authStore.loginLoading"
|
||||
@click="handleSubmit"
|
||||
>
|
||||
{{ $t('route.login') }}
|
||||
</ElButton>
|
||||
</ElForm>
|
||||
</template>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user