Contract/src/components/Title.vue

<template>
  <header class="tle-ctnr">
    <div class="tle-box">{{msg}}</div>
    <img v-if="flag" src="../assets/img/添加联系人.png">
  </header>
</template>
<script type="text/javascript">
  export default{
    props:['msg','flag']
  }
</script>

<style scoped>
  .tle-ctnr{
    position: relative;
    .tle-box{
      width: 100%;
      height: 1.555556rem;
      line-height: 1.555556rem;
      font-size: 0.472222rem;
      color: #fff;
      background-color: #60c0ff;
    }
    img{
      position: absolute;
      right: 0.426439rem;
      top:50%;
      margin-top: -0.333156rem;
      width: 0.666311rem;
      height: 0.666311rem;
    }
  }
</style>