登陆按钮样式修改

zhongrj

2022-12-26 7e332d76620f4a079571748edde2591ccd908f20

登陆按钮样式修改

 src/views/login/index.vue

@@ -43,7 +43,8 @@
                        placeholder="请输入您密码" autocomplete="off"></el-input>
                </el-form-item>
                <el-form-item>
                    <el-button type="primary" @click.enter="onLogin()">登&nbsp;录</el-button>
                    <!-- <el-button type="primary" @click.enter="onLogin()">登&nbsp;录</el-button> -->
                    <div class="login-btn" @click.enter="onLogin()">登&nbsp;录</div>
                </el-form-item>
            </el-form>
        </div>
@@ -141,6 +142,23 @@
</script>

<style scoped lang="scss">


.login-btn{
    background-color: #409EFF;
    border-radius: 2px;
    height: 30px;
    cursor: pointer;
    line-height: 30px;
    font-size: 14px;
}

.login-btn:hover{
    background-color: #66B1FF;
}



.auth-page {
    position: fixed;
    top: 0;