<template>
    <div class="top_header">
        <div class="top_left">
            <slot name="back">
                <el-button class="button_default_background" @click="$router.go(-1)">
                    <i class="iconfont icon_return"></i>返回
                </el-button>
            </slot>
        </div>
        <div class="top_right">
            <slot name="topRight"></slot>
        </div>
    </div>
</template>

<script>
export default ({
    components: {
     
    },
    data(){
        return {

        }
    },
    methods: {
      
     },
    computed:{},
    mounted() {
    },

})


</script>


<style lang="scss" scoped>


.top_header{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap:20px;

    background-color: white;
    padding:6px 20px;
    border-radius:10px;

    .top_left{
        display: flex;
        align-items: center;
        gap:40px;
     
        ::v-deep .button_default_background{
            background: #fff;
            border: 1px solid  #DCDFE6;
            color: #666;
            &:hover {
                background: #fff;
            }
           
            height: 36px !important;
            padding:8px 10px;
            >span{
                .icon_return{
                    width: 16px;
                    height: 16px;
                }
                display: flex;
                align-items: center;
                gap:2px;
            }
        }
    }
}
 
</style>
