<template>
    <div class="background">
        <h1>绯红守卫</h1>
        <cv-form>
            <cv-text-input label="账号"></cv-text-input>
            <cv-text-input label="密码账号" type="password"></cv-text-input>
            <cv-form-item>
                <cv-button text="登录"></cv-button>
            </cv-form-item>
        </cv-form>
    </div>
</template>
<script setup>
</script>
<style lang="scss" scoped>
    .background{
        width: 100vw;
        height: 100vh;
        box-sizing: border-box;
        background: url("/src/assets/login/background-mkii.jpg");
        background-repeat: no-repeat;
        background-size: cover;
        overflow: hidden;
        padding-left: 20px;
    }
    .cv-form{
        width: 400px;
    }
    .cv-form > * :not(:first-child) {
        margin-top: 16px;
    }
</style>