<template>
  <div class="yx-title">
    <span class="yx-line"></span>
    <span class="title-text">
      <slot></slot>
    </span>
    <span class="remark">
      <slot name="remark"></slot>
    </span>
  </div>
</template>
<style scoped lang="scss">
.yx-title {
  display: flex;
  align-items: center;
}
.yx-line {
  width: 4px;
  height: 20px;
  background: #ba7d45;
  border-radius: 2px;
  background-color: var(--el-color-primary);
}
.title-text {
  font-weight: 600;
  line-height: 16px;
  color: #333333;
  margin-left: 4px;
}
.remark {
  font-size: 14px;
  color: #6b6d74;
}
</style>
