<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-checkbox label="记住密码" v-model="base.check"></cv-checkbox>
                <cv-button>登录</cv-button>
            </cv-form-item>
        </cv-form>
    </div>
</template>
<script setup>
    import { reactive } from "vue"
    const base = reactive({
        check: false
    })
</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-text-input{
        margin-bottom: 8px;
    }
</style>