<template>
    <div class="title">
        <div class="title_icon">
            <img src="@/assets/projectLarge/section.svg" alt="">
            <img src="@/assets/projectLarge/border.svg" alt="">
        </div>
        <div>
            <slot></slot>
        </div>
        <div>{{ title }}</div>
    </div>
</template>

<script setup lang="ts">
defineProps({
    title: {
        type: String,
        default: '标题'
    },
    prefix: {
        type: Boolean,
        default: false
    }
})
</script>

<style scoped lang="scss">
.title {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 3px;
    font-family: 'AlimamaShuHeiTi', sans-serif;

    .title_icon {
        position: relative;

        &>img:last-child {
            position: absolute;
            bottom: 4px;
            left: 0;
        }
    }
}
</style>
