<template>
    <div class="login-box">
        <login-header></login-header>
        <router-view></router-view>
        <login-footer></login-footer>
    </div>
</template>

<script>
import loginHeader from "../login/components/header";
import loginFooter from "../login/components/footer";
export default {
    name: "login",
    components: {
        loginHeader,
        loginFooter
    },
    data() {
        return {};
    },
    methods: {},
    created() {}
};
</script>

<style lang="less" scoped>
@import "../../assets/styles/common.css";
.login-box /deep/ .el-input__inner {
    background: #fcfcfc;
}
.login-box {
    background: #f7f7f7;
}
main {
    display: block;
    padding: 30px 0;
    min-height: calc(100vh - 184px);
}
</style>
