32 lines
841 B
Vue
32 lines
841 B
Vue
|
<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>
|