<template>
  <div :class="`${namespace}-header`">
    <img src="@/assets/logo.png" class="logo-image" alt="logo" />
    <div class="title">
      {{title}}
    </div>
  </div>
</template>

<script>
export default {
  inject: ['namespace'],
  props: {
    title: {
      type: String,
      default: '北碚区消防救援执勤动态',
    },
  }
}
</script>

<style scoped lang="less">
  @import "@/assets/styles/config.less";

  .@{namespace}-header {
    height: 145px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    .logo-image {
      width: 68px;
      height: 69px;
    }

    .title {
      margin-top: 10px;
      font-family: DataFont;
      color: #fff;
      font-size: 45px;
    }
  }
</style>
