<template>
  <div class="tip_content" :style="styleCls">
    <img class="icon_tip" mode="widthFix" src="@/assets/authentication/icon_tip.png" />
    <span>{{title}}</span>
  </div>
</template>
<script>
  export default {
    name: "tipBar",
    props: {
      title: {
        type: String,
        default: ''
      },
      styleCls: {
        type: String,
        default: ''
      }
    }
  }
</script>

<style lang="scss" scoped>
.tip_content{
  width: 100%;
  box-sizing: border-box;
  padding: 10px 22px;
  line-height: 15px;
  background: #FFF0EE;
  .icon_tip{
    width: 13px;
    height: 13px;
    margin-right: 6px;
    position: relative;
    margin-bottom: -3px;
  }
  span{
    font-size: 11px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #FF6337;
  }
}
</style>
