<template>
  <div class="page-title">
    <h5>{{ title }}</h5>
  </div>
</template>

<script lang="ts">
  import { defineComponent } from 'vue';

  export default defineComponent({
    name: 'pageTitle',
    props: {
      title: String,
    },
    setup() {
      return {};
    },
  });
</script>

<style lang="less" scoped>
  h5 {
    position: relative;
    height: 48px;
    line-height: 48px;
    margin: 0 24px;

    &::before {
      content: '';
      width: 2px;
      height: 12px;
      background-color: #00acff;
      display: inline-block;
      vertical-align: middle;
      margin-right: 6px;
    }
  }
</style>