<template>
    <div class="tab-title">
      {{ text }}
    </div>
</template>

<script>
export default defineComponent({
  props: {
    text: {
      type: String,
      required: true
    }
  },
})
</script>

<style scope lang="scss">
    .tab-title{
      display: flex;
      align-items:center;/*for vertical align*/
      font-size: 20px;
      height: 50px;
    }
    .tab-title::before{
      content:"";
      display: inline-block;
      width: 10px; /* 矩形的宽度 */
      height: 30px; /* 矩形的高度 */
      background-color: rgba(37, 97, 239, 1); /* 矩形的背景颜色 */
      margin-right: 10px;
      border-radius: 5px;
    }
</style>
