course_resource/src/components/header/headerRight.vue

<template>
    <div class="header_right">
        <div>
            <img src="" alt="">
            <span>管理后台</span>
        </div>
        <div>
            <img src="" alt="">
            <span>用户名称</span>
        </div>

    </div>
</template>

<script setup>
import { ref } from "vue"
import Logo from '@/assets/logo.svg'

</script>
<style scoped lang="scss">
.header_right {
    display: flex;

    div {
        img {

            vertical-align: middle;
        }

        span {
            padding: 10px;
            line-height: 60px;

        }
    }
}
</style>