student-assessment/src/layout/components/AppHeader.vue

<template>
    <div class="app_header">
        <el-icon v-if="showBack" class="left_back" @click="$router.go(-1)"><ArrowLeftBold /></el-icon>
        智能教学评价系统
    </div>
</template>

<script setup lang="ts">

const props = defineProps({
    showBack:{
        type:Boolean,
        default:true
    }
})

</script>


<style lang="scss" scoped>
.app_header{
    position: relative;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: calc(44 * var(--app-rpx));
    border-bottom:1px solid #F3F3F3;;
    background-color: white;
    font-weight: 600;
    font-size: calc(16 * var(--app-rpx));
    color: #333;
    .left_back{
        position: absolute;
        left: calc(20 * var(--app-rpx));
    }
}
</style>