<template>
    <div class="container">

        <div class="main-content">

        </div>

        <div class="main-footer">
            <span>开滦集团财务共享中心</span>
            <span class="split">|</span>
            <span>河北天翼科贸发展有限公司</span>
        </div>

    </div>
    <!--    开滦（集团）财务共享中心&河北天翼科贸发展有限公司-->
</template>

<script>



export default {
    name: 'Index',
    components: {

    },
    data() {
        return {

        }
    },
    methods: {

    }
}
</script>
<style scoped>
.container{
    display: flex;
    flex-direction: column;
    height: calc(100vh - 84px);
    background-image: url("../assets/images/login-background2.jpg");
    background-position: center;
    background-size: cover;
}

.main-footer{
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 10;
    color: #fff;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px;
}

.main-footer .split{
    padding: 0 10px;
    font-size: 12px;
}
</style>







<!--<template>-->
<!--  <div class="container">-->

<!--      <div class="index">-->

<!--      </div>-->

<!--      <div class="input" style="position: absolute; bottom: 0;">-->
<!--          开发中心-->
<!--      </div>-->

<!--  </div>-->
<!--&lt;!&ndash;    开滦（集团）财务共享中心&河北天翼科贸发展有限公司&ndash;&gt;-->
<!--</template>-->

<!--<script>-->



<!--export default {-->
<!--  name: 'Index',-->
<!--  components: {-->

<!--  },-->
<!--  data() {-->
<!--    return {-->

<!--    }-->
<!--  },-->
<!--  methods: {-->

<!--  }-->
<!--}-->
<!--</script>-->
<!--<style rel="stylesheet/scss" lang="scss">-->
<!--  .index {-->
<!--    display: flex;-->
<!--    justify-content: center;-->
<!--    align-items: center;-->
<!--      flex: 9;-->
<!--      height: 90vh;-->
<!--    background-image: url("../assets/images/login-background2.jpg");-->
<!--      background-position: center;-->
<!--    background-size: cover;-->
<!--  }-->
<!--  .title {-->
<!--    margin: 0px auto 30px auto;-->
<!--    text-align: center;-->
<!--    color: #707070;-->
<!--  }-->
<!--  .input{-->
<!--      flex: 1;-->
<!--      font-size: 30px;-->
<!--      color: #1b1b19;-->
<!--  }-->
<!--  .container {-->
<!--      display: flex;-->
<!--      flex-direction: column;-->
<!--      height: 100vh;-->
<!--  }-->

<!--</style>-->

