<template>
  <div class="title">{{ title }}</div>
</template>

<script setup lang="ts">
  import { defineProps } from 'vue';
  // 定义接收父组件传递的标题属性
  const props = defineProps({
    title: {
      type: String,
      default: '默认标题',
    },
  });
</script>

<style scoped lang="less">
  .title {
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #d9d9d9;
    font-size: 16px;
    padding-left: 15px;
    margin-bottom: 15px;
  }
</style>