<template>
  <div>
    <div class="meta-title-box">
      <div class="meta-title">{{heanderName}}</div>
      <div class="pointer" @click="back" v-if="returnList">返回列表</div>
    </div>
  </div>
</template>

<script>

export default {
  name: 'heander',
  data () {
    return {}
  },
  props:{
    heanderName: {
      type: String
    },
    returnList: {
      type: Boolean,
      default: true
    }
  },
  components: {},
  computed: {
   
  },
  methods: {
    back(){
      this.$router.go(-1)
    }
  },
  created () {}
}
</script>
<style lang='less' scoped>
.meta-title-box{
  display: flex;
  justify-content:space-between;
  align-items: center;
  border-bottom: 1px solid rgb(237,237,237);
  margin-bottom:15px;
}
.meta-title{
  height: 50px;
  line-height: 50px;
  &:before{
    content: "";
    display: inline-block;
    width: 3px;
    height: 14px;
    background: #5075FC;
    margin-right: 8px;
  }
}
.pointer{
  color: #5075FC;
}
.margin-t20{
  margin-top: 20px;
}
</style>
