<template>
    <div class="header-wrap ">
        <div class="header-logo">
            <img src="../assets/header-logo.png" alt="">
        </div>
        <div class="header-right flex">
            <div class="right-item">权限设置</div>
            <div class="right-item">岗位设置</div>
            <div class="right-item flex">
                <img class="right-item-icon" src="../assets/header-icon.png" alt="">
                <span>学术论文出版</span>
                <img src="../assets/header-drop.svg" alt="">
            </div>
        </div>
    </div>
</template>
<style lang="scss" scoped>
.flex{
    display: flex;
}
.header-wrap{
    color: #FFFFFF;
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 100%;

    .header-logo{
        img{
            height: 46px;
        }
    }
    .header-right{
        width: 362px;
        justify-content: space-between;

        .right-item-icon{
            width: 36px;
            height: 36px;
        }
        .right-item-icon +span{
            display: inline-block;
            margin: 0 6px 0 12px;
        }
    }
}
</style>