ibms/src/views/dasboard/index.vue

<template>
    <div class="main-box">
        <div class="mian-icon">
            <img src="@/assets/image/uncultivated.svg">
        </div>
        <div class="main-text">
            <div class="main-content">
                <h1>功能设计中。。。</h1>
                <p><b>功能设计说明：</b><slot name="explain"></slot></p>
                <p><b>计划可查看时间：</b><slot name="time"></slot></p>
            </div>
        </div>
    </div>
    <!-- <h4>开发中...</h4> -->
    <!-- <button v-if="hasPermission('system:role:query')">测试权限 </button> -->
</template>
<script>
export default {
    name: 'Dasboard',
    props: [],
    data() {
        return {}
    },
    computed: {},
    methods: {},
    created() {
        // console.log('--------------------- index created')
    },
    mounted() {},
    components: {}
}
</script>
<style lang='scss' scoped>
.main-box{
    width: 100%;
    height: 100%;
    display: flex;
}
.mian-icon{
    flex: 2;
    text-align: center;
    position: relative;
    img{
        position: absolute;
        top: 25%;
    }
}
.main-text{
    flex: 3;
    position: relative;
    .main-content{
        position: absolute;
        padding-right: 200px;
        top: 20%;
        p{
            padding: 20px 0;
        }
    }
}
</style>