<template>
  <view>
    <text class="title">{{ title }}</text>
    <text class="sub-title">{{ subtitle }}</text>
  </view>
</template>

<script>
export default {
  props: {
    title: {
      type: String,
    },
    subtitle: {
      type: String,
    },
  },
  data() {
    return {};
  },
};
</script>

<style lang="scss" scoped>
// 标题样式
.title {
  font-size: 16px;
  font-family: PingFangSC, PingFangSC-Medium;
  font-weight: 700;
  color: rgba(0, 0, 0, 0.8);
}
// 副标题
.sub-title {
  font-size: 12px;
  font-family: DINPro, DINPro-Medium;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.2);
  margin-left: 9rpx;
}
</style>
