DetailTitle.vue

<template>
  <h2 class="title">
    <span class="status">{{status}}</span>
    <span>{{title}}</span>
  </h2>
</template>
<script>
export default {
  name: 'DetailTitle',
  props: {
    status: {
      type: String
    },
    title: {
      type: String
    }
  }
}
</script>
<style lang="less" scoped>
.title {
  color: #333333;
  font-size: 19px;
  margin: 15px 0;
  line-height: 26px;
  .status {
    padding: 4px 8px;
    font-size: 11px;
    color: #ffffff;
    border-radius: 15px;
    background-color: #3673ba;
  }
}
</style>