<template>
  <view>
    <view class="title">
      <view class="line"></view>
      {{ title }}
      <slot ></slot>
    </view>
  </view>
</template>

<script>
export default {
  name: "hs-tip-title",
  props:{
    title:{
      type: String,
      default: ''
    }
  }
}
</script>

<style scoped lang="scss">
.title {
  font-size: 28rpx;
  font-weight: 600;
  position: relative;
  padding-left: 20rpx;
  .line{
    position: absolute;
    width: 8rpx;
    height: 28rpx;
    background-color: #AF8D66;
    border-radius: 4rpx;
    left: 0;
    top: 50%;
    margin-top: -14rpx;
  }
}
</style>
