Your Name
2023-02-24 e989421722e522f4879a354a15ba14912d7acaaa
src/views/loginPage/component/accountLogin.vue
@@ -21,11 +21,11 @@
            <el-checkbox v-model="saveCode" label="记住密码" size="large" />
            <span class="forgetCode" @click="identify">忘记密码?</span>
        </el-form-item>
        <el-form-item class="login-animation4">
        <div class="btnBox">
            <el-button type="primary" class="login-content-submit" round @click="onSignIn" :loading="loading.signIn">
                <span>登录系统</span>
                <span>登 录</span>
            </el-button>
        </el-form-item>
        </div>
    </el-form>
    <el-dialog v-model="identifyDialog" title="重置密码" width="30%" center @close="clearIdentity">
        <el-form :model="identity" label-width="80px" ref="identifyRef" :rules="identityRules">
@@ -307,13 +307,12 @@
<style scoped lang="scss">
.login-content-form {
    margin-top: 40px;
    width: 100%;
    width: 80%;
    .el-input::v-deep .el-input__wrapper {
        height: 56px;
        border-radius: 28px;
        border-radius: 4px;
        padding: 0 30px;
        background: #f2f2f2;
        &:focus-within {
            border: 1px solid #2053d7;
        }
@@ -350,19 +349,24 @@
        font-weight: bold;
        letter-spacing: 5px;
    }
    .btnBox{
        display: flex;
        justify-content: center;
    }
    .login-content-submit {
        width: 100%;
        width: 55%;
        height: 56px;
        font-size: 16px;
        border-radius: 28px;
        font-size: 18px;
        border-radius: 6px;
        letter-spacing: 4px;
        font-weight: 300;
        margin-top: 15px;
        background: #2053d7;
        background-image: linear-gradient(to right,#545EF1,#6B8CF1);
        transition: 0.3s;
        box-shadow: 0 8px 30px rgba(88,101,241,.4);
        &:hover {
            letter-spacing: 6px;
            background: #4e7aec;
            background-image: linear-gradient(to left,#545EF1,#6B8CF1);
        }
    }
}