<template>
    <section class="group-title-title">
      <span class="group-title-title-main">{{mainTitle}}</span><span class="group-title-title-sub">{{subTitle}}</span>
    </section>
</template>
<script>
export default {
  data() {
      return {

      }
  },
  props: {
    mainTitle: {
      type: String,
      default: '全部讲师'
    },
    subTitle: {
      type: String,
      default: '专业领域的资深专家'
    },
  }
}
</script>

<style lang="scss" scoped>
@import '../../style/mixin.scss';
.group-title {
  height: px2rem(18px);
  line-height: px2rem(18px);
  &-title {
    padding: px2rem(10px) px2rem(15px) 0;
    &-main {
      margin-right: px2rem(6px);
      font-size: px2rem(18px);
      font-weight: 500;
      color: #28344C;
    }
    &-sub {
      font-size: px2rem(15px);
      font-weight: 400;
      color: #999;
    }
  }
}
</style>
