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

<template>
  <div class="title ms-4 ps-1 pt-2 pe-1 mb-3 mt-1 border-bottom border-3 ">
    <h2>{{ title }}</h2>
  </div>
</template>

<style scoped>
.title {
  display: inline-block;  /* 使宽度适应内容 */
  user-select: none;  /* 防止选中文本 */
}
</style>