<template>
  <section class="group-title">
      <span class="group-title-name">{{groupTitle}} </span>
      <span v-show="isShowNum"> ({{groupNum}})</span>
  </section>
</template>
<script>
export default {
  data() {
      return {
        
      }
  },
  props: {
    groupTitle: {
      type: String,
      default: '课程'
    },
    isShowNum: {
      type: Boolean,
      default: true
    },
    groupNum: {
      type: String,
      default: "0"
    }
  }
}
</script>

<style lang="scss" scoped>
@import '../../style/mixin.scss';
.group-title {
  margin-left: px2rem(15px);
  display: flex;
  flex-direction: row;
  &-name {
    margin-right: px2rem(6px);
  }
  span {
    padding: px2rem(20px) 0 px2rem(15px);
    font-size: px2rem(18px);
    font-weight: 500;
    color: #28344C;
  }
}
</style>
