<template>
    <div class="name">{{name}}</div>
</template>
<script>
export default {
    props: {
        name: {
            type: String,
            default: ''
        }
    }
}
</script>
<style lang="less" scoped>
.name {
    height: 20px;
    line-height: 20px;
    display: flex;
    align-items: center;
    font-size: 16px;
    color: #1f2429;
    margin-bottom: 20px;
    &::before {
        content: '';
        display: inline-block;  
        width: 3px;
        height:100%;
        background-color: #0091FF;
        margin-right: 12px;
    }
}
</style>