<template>
  <div class="header-container d-flex jc-space-between full-height">
    <div class="d-flex full-height">
      <div class="d-flex a-c" style="margin-left: 0.3rem">
        <!-- <dv-decoration-12 style="width: 0.325rem; height: 0.325rem" /> -->
      </div>
      <div class="name d-flex a-c full-height">{{ name }}</div>
      <div class="ename d-flex a-c">{{ eName }}</div>
    </div>
  </div>
</template>

<script>
export default {
  props: {
    name: { type: String, default: "" },
    eName: { type: String, default: "" },
  },
  data() {
    return {};
  },
};
</script>
<style lang="scss" scoped>
.header-container {
  width: 100%;
  height: 0.8rem;
  // background-image: url("../../assets/images/title_bck.png");
  border-radius: 12px 12px 0 0 ;
  background:#0b69bb;
  .name {
    margin: 0 0.125rem;
    margin-left: 0.1rem;
    font-size: 0.22rem;
    font-weight: bolder;
    color: white;
  }
  .ename {
    color: white;
    padding-top: 0.1rem;
  }
}
</style>
