<template>
  <div class="sub-title">{{ props.title }}</div>
</template>
<script setup lang="ts">
const props = defineProps({
  title: {
    type: String,
    default: ''
  }
});
</script>
<style lang="scss" scoped>
.sub-title {
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  &::before {
    content: '';
    display: inline-block;
    height: 14px;
    width: 3px;
    border-radius: 6px;
    background: #409eff;
    margin-right: 5px;
  }
}
</style>
