<template>
  <div class="threeTitle">
    <span class="threeTitle_bg">
      <span v-if="title">{{title}}</span>
      <span v-else><slot/></span>
    </span>
  </div>
</template>
<script>
export default {
  props: {
    title: String
  }
}
</script>

<style rel="stylesheet/scss" lang="scss" scoped>
  @import '../../assets/css/variable.scss';
.threeTitle {
  margin-bottom: 0.08rem;
  .threeTitle_bg {
    background: $gradientBgThree;
    padding: .02rem 0.3rem 0.02rem 0.13rem;
    display: inline-block;
    span {
      background: $gradientTextThree;
      -webkit-background-clip: text;
      color: transparent;
      font-size: 0.08rem;
      font-weight: bold;
    }
  }
}
</style>