<!--
 * @Author: WangQiBiao
 * @Date: 2019-09-25 14:16:20
 * @LastEditors: WangQiBiao
 * @LastEditTime: 2019-09-26 17:52:32
 * @Description:
 -->
<template>
  <h3 class="title">
    <slot></slot>
    <div v-if="isBorder" class="line"></div>
  </h3>
</template>
<script>
export default {
  props: {
    isBorder: {
      default () {
        return false
      }
    }
  }
}
</script>

<style lang="scss" scoped>
@import '@/assets/css/function';
.title{
  text-align: center;
  color: #39D6FE;
  font-size:halfH(22);
  font-weight:bold;
  padding-top: halfH(22);
  background:linear-gradient(0deg,rgba(23,101,255,1) 0%, rgba(23,101,255,1) 0%, rgba(73,217,254,1) 54.931640625%, rgba(143,239,255,1) 80.322265625%);
  background-clip: text;
  color: transparent;
  .line{
    height: 1px;
    background: #0748A2;
    margin: halfH(15);
  }
}
</style>
