<template>
    <div>
        <header class="comhead">
            <a v-if="back" @click="goBack" class="fh">
                <img src="@/assets/images/fh.png" />
            </a>
            <h1>{{title}}</h1>
            <a @click="BtnClick" v-if="word.length>0" class="fb-btn">{{word}}</a>
        </header>
        <div class="comheadbg"></div>
    </div>
</template>
<script>
export default {
    name: "HeaderNormal",
    props: {
        title: {
            type: String,
            default: ""
        },
        back: {
            type: Boolean,
            default: true
        },
        back_layer: {
            type: Number,
            default: -1
        },
        word:{
            type:String,
            default:''
        }
    },
    methods: {
        goBack() {
            this.base.goBack(this, this.back_layer);
        },
        BtnClick(){
            this.$emit('OnClick')
        }
    }
};
</script>