/<template>
  <div class="title-with-circle">
    <div class="circle"></div>
    <div class="title">{{ title }}</div>
  </div>
</template>

<script>
export default {
  name: 'TitleWithCircle',
  props: {
    title: {
      type: String,
      required: true
    }
  }
}
</script>

<style scoped>
.title-with-circle {
  display: flex;
  align-items: center;
}

.circle {
    margin-right: 9px;
    content: " ";
    display: inline-block;
    height: 18px;
    width: 4px;
    background-color: #3f9b6a;
    border-radius: 5px;
    vertical-align: bottom;
}

.title {
    line-height: 18px;
    color: #000000e6;
    font-size: 18px;
    font-weight: bold;
    font-family: "Alibaba PuHuiTi 2.0-85 Bold";
}
</style>
