health-front/components/home/sectionHeader.vue

<template>
  <view class="header">
    <view class="title">
      <slot name="title">
        {{ title }}
      </slot>
    </view>
    <view class="desc">
      {{ desc }}
    </view>
  </view>
</template>

<script>
	export default {
    props: {
      title: {
        type: String,
        default: '',
      },
      desc: {
        type: String,
        default: '',
      },
    },
  }
</script>

<style scoped lang="scss">
  .header {
    padding: 0 32rpx;
  }

  .title {
    font-size: 48rpx;
    font-family: PingFang SC;
    font-weight: 600;
    line-height: 1.4;
    color: #252545;
  }

  .desc {
    font-size: 26rpx;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: 1.4;
    color: #252545;
  }
</style>