xjc-vue/src/views/xjc-integratedmachine/components/head_component.vue

<template>
    <div class="contenter">
        <el-button>返回</el-button>
        <div>{{headinfo.title}}</div>
        <div>头像</div>
        <el-button>退出</el-button>
        <el-button>使用说明</el-button>
    </div>
</template>

<script setup>
    defineProps({
        headinfo: {

        }
    })
</script>

<style scoped>
    .contenter {
        width: 100%;
        display: flex;
        flex-direction: row;
    }
</style>