zcjlgcs-ui/src/components/Subheading/index.vue

<template>
  <div class="container">
    <div class="titleText">
      <span class="text"> {{ titleText }}</span>
    </div>
    <div class="slot">
      <slot></slot>
    </div>
  </div>
</template>
<script>
export default {
  props: {
    titleText: {
      type: String,
      default: "默认文本",
    },
  },
};
</script>
<style lang="scss" scoped>
.text {
  color: #1b81cb;
  font-size: 16px;
}
.titleText {
  width: 95%;
  margin: 0 auto;
  padding-bottom: 10px;
  padding-left: 5px;
  border-bottom: #005c91 solid 1px;
}
.slot {
  margin: 10px 0;
}
.container {
  margin: 10px 0;
}
</style>