37 lines
994 B
Vue
37 lines
994 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-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> |