<!--
 * @Date: 2024-09-29 10:07:11
 * @LastEditors: hookehuyr hookehuyr@gmail.com
 * @LastEditTime: 2024-09-29 15:19:21
 * @FilePath: /hager/src/components/common/hagerH1.vue
 * @Description: 文件描述
-->
<template>
  <div class="hagerH1">
    <p class="h1">{{ title }}</p>
    <p class="sub">{{ sub }}</p>
  </div>
</template>

<script>
import mixin from 'common/mixin';

export default {
  mixins: [mixin.init],
  props: {
    title: {
      type: String,
      default: '标题'
    },
    sub: {
      type: String,
      default: '副标题'
    }
  },
  data () {
    return {

    }
  },
  mounted () {

  },
  methods: {

  }
}
</script>

<style lang="less" scoped>
  .hagerH1 {
    .h1 {
      color: #333;
      font-size: 1.75rem;
      font-weight: bold;
    }
    .sub {
      color: #03aae3;
      font-size: 1.25rem;
      font-weight: bold;
    }
  }
</style>