<template>
    <div style="text-align:center">
        <h1><b>{{names}}</b></h1>
        <div class="h1_span"><b>{{introduce}}</b></div>
        <div class="flex-center" :class="[$const.version === 'base' ? 'Entity_class_blank_base' : 'Entity_class_blank_bf']"></div>
    </div>
</template>

<script>
  export default {
    name: "Relationship_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/entBlank_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/entBlank_bf.png"); */
    }

    h1 {
        font-size: 50px;
        color: #38383a;
        letter-spacing: 2px;
        margin-top: 60px;
    }

    .h1_span {
        color: #c6cacb;
    }

    .logo_caiji {
        position: absolute;
        height: 65px;
        bottom: 30%;
        left: 10%;

    }

    .flot_box {
        bottom: 55%;
        left: 10%;
        position: absolute;
    }
</style>

