<template>
    <div class="container">
        <!-- 顶部信息 -->
        <div class="containertop">
            <div class="topleft">
                <img src="../../../assets/images/detailsicon/1.png" alt="">
                <span>建筑信息</span>
            </div>
            <div class="topright">
                <el-button 
                type="primary" 
                icon="el-icon-edit" 
                size="mini" 
                plain 
                style="border: none;"> 导入</el-button>
                <el-button 
                type="primary" 
                icon="el-icon-upload" 
                size="mini" 
                plain 
                style="border: none;"> 导出</el-button>
            </div>
        </div>
        <div>123</div>
    </div>
</template>

<script>

</script>

<style scoped>
.container {
    display: flex;
    flex-direction: column;
    width: 100%;
    background-color: #FFFFFF;
    box-shadow: 0rem 0.13rem 0.63rem 0rem rgba(177,177,177,0.1);
    border-radius: 0.5rem 0.5rem 0.5rem 0.5rem;
    gap: 1rem;
}
.containertop{
    height: auto;
    display: flex;
    justify-content: space-between;
    padding: .7rem 0;
    border-bottom: 1px solid #E5E5E5;
    padding: .5rem;
}
.topleft{
    width:8rem ;
    display: flex;
    gap: 0.4rem;
    align-items: center;
}
.topleft img{
    width: 0.81rem;
    height: 0.81rem;
}
.topleft span{
    width: auto;
    height: 0.88rem;
    font-family: AlibabaPuHuiTi, AlibabaPuHuiTi;
    font-weight: 500;
    font-size: 0.88rem;
    color: #3D424C;
    line-height: 0.88rem;
    text-align: right;
    font-style: normal;
    text-transform: none;
}
</style>
