<!--
 * @Author: error: error: git config user.name & please set dead value or install git && error: git config user.email & please set dead value or install git & please set dead value or install git
 * @Date: 2022-07-01 11:25:48
 * @LastEditors: error: error: git config user.name & please set dead value or install git && error: git config user.email & please set dead value or install git & please set dead value or install git
 * @LastEditTime: 2023-07-05 15:50:12
 * @FilePath: \yidong\src\components\Title\index.vue
 * @Description: 
 * 
 * Copyright (c) 2023 by ${git_name_email}, All Rights Reserved. 
-->
<template>
    <div class="TopBar">
        <div class="title-box">
            <div class="line"></div>
            <div class="title">{{title}}</div>
        </div>
        <div>
        </div>
    </div>
</template>

<script>
    export default {
        name:'TopBar',
        props: {
            title: {
                type: String,
                default: ''
            },
        },
       
    }
</script>

<style lang="scss" scoped>
.TopBar{
    line-height: 50px;
    padding: 0 10px;
    background: #F3F3F3;
    margin-top: 30px;
    .title-box{
        display: flex;
        align-items: center;
        .line{
            width: 5px;
            height: 16px;
            background: #1abc9c;
        }
        .title{
            font-size: 14px;
            color: #666;
            font-weight: 600;
            margin-left: 3px;
        }
    }

}
</style>