kgraph-ui/src/views/knowledge/common/blank.vue

<template>
    <div style="text-align:center">
        <h1><b>{{names}}</b></h1>
        <div class="h1_span"><b>{{introduce}}</b></div>
        <div class="flex-center Entity_class_blank_base"></div>
    </div>
</template>

<script>
    export default {
        name: "Entity_class_blank",
        data(){
            return{
                names:`-知识图谱数据管理子系统-`,
                introduce: `-Knowledge Graph-`
            }
        }
    }
</script>

<style scoped>
    .flex-center {
        position: relative;
    }
    .Entity_class_blank_base {
        height: 100%;
        /* height: 660px; */
        width: auto;
        border-radius: 4px;
        background-size: cover;
        /*background-attachment:fixed;*/
        margin-top: auto;
        position: relative;
        /* background-image: url("../../assets/20201207/entClsBlank_base.png") ; */
    }
    .Entity_class_blank_bf {
        height: 100%;
        /* height: 660px; */
        width: auto;
        border-radius: 4px;
        background-size: cover;
        /*background-attachment:fixed;*/
        margin-top: auto;
        position: relative;
        /* background-image: url("../../assets/20201207/entClsBlank_bf.png") ; */
    }
    .logo_caiji {
        position: absolute;
        height: 65px;
        bottom: 30%;
        left: 10%;
    }
    .flot_box {
        bottom: 55%;
        left: 10%;
        position: absolute;
    }
    h1{
        font-size: 50px;
        color: #38383a;
        letter-spacing: 2px;
        margin-top: 60px;
    }
    .h1_span{
            color: #c6cacb;
    }
</style>