lh_firm_former/src/views/system/blank/index.vue

<template>
    <div class="menu-container">
        <div class="placeholder-box">
            <div class="logo-container">
                <img src="./img/jinyuan.png">
                <img src="./img/huada_logo.jpg">
            </div>
            <div class="menu-name">
                <i :class="'ibps-icon-'+$route.query.icon" />
                <span>{{ $route.query.name }}</span>
            </div>
            <div class="tips">选择左侧菜单功能项</div>
        </div>
    </div>
</template>

<script>

</script>

<style lang="scss" scoped>
    .menu-container {
        width: 100%;
        .placeholder-box {
            width: calc(100% - 200px);
            font-size:32px;
            font-weight: bold;
            color: #1894d0;
            padding-top: 10%;
            text-align: center;
            .logo-container {
                width: 30%;
                margin: 0 auto;
                display: flex;
                justify-content: center;
                align-items: center;
                > img {
                    max-width: 50%;
                    &:first-child {
                        max-width: 70%;
                    }
                    &:last-child {
                        max-width: 30%;
                    }
                }
            }
            .menu-name {
                font-size: 28px;
                margin: 20px 0 10px;
            }
            .tips {
                font-size: 16px;
            }
        }
    }
</style>