<template>
    <div class="title-tip">
        <div class="is-green"></div>
        <div class="title-child">{{ title }}</div>
    </div>
</template>

<script>
export default {
    props: {
        title: {
            type: String,
            default: () => '基本信息'
        }
    }
}
</script>

<style scoped>
.title-tip {
    display: flex;
    align-items: center;
    background-color: #ebeaea;
}

.is-green {
    margin: 0 6px;
    width: 5px;
    height: 20px;
    background-color: #19a4a0;
}
.title-child {
    font-weight: bold;
    letter-spacing: 1px;
    font-size: 18px;
}
</style>
