scd_project/src/layout/components/SideBar/Title.vue

<template>
    <div class="header_title_container">
        <div class="titleFont">SCD文档管理系统</div>
        <div class="companyBox">
            <div class="company_name">xxx公司</div>
            <div class="scd_name">四川西昌110kV安宁变20210825.scd</div>
        </div>
        
    </div>
</template>

<script>
export default {

    data() {
        return {
            
        };
    },

    mounted() {
        
    },

    methods: {
        
    },
};
</script>

<style lang="scss" scoped>
.header_title_container{
    height: 100%;
    .titleFont{
        font-size: 1.6rem;
        font-weight: 600;
        color: #09162C;
        margin-top: 0.8rem;
        line-height: 2.2rem;
        letter-spacing: 0.1rem;
    }
    .companyBox{
        display: flex;
    }
    .company_name{
        font-size: 1.2rem;
        font-weight: 700;
        max-width: 24%;
        // margin: 0 1rem;
        margin-right: 1rem;
    }

}

</style>