<template>
  <p class="tool-tip">
    <i class="iconfont icon-jiantou"></i>
    <slot name="otherInfo"></slot>
  </p>
</template>
<script>
    export default {
        name: '',
        props:{
          refundText:''
        },
        data () {
            return {}
        },
        methods: {}
    }
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="stylus" scoped>
.tool-tip{
  i{
    width 25px
    height 25px
    font-size 25px
  }
  &.top i{
    top auto
    bottom -12px
    left 0
    transform: rotateX(-180deg)
  }
  &.bottom i{
    top -12px
    bottom 0
    left auto
    right 20px
  }
  &.bottom.b-left i{
    left 0
    right auto
  }
  &.bottom.b-center i{
    left 42%
    right auto
  }
  &.left i{
    left -12px
    top 30px
    bottom 0
    transform: rotate(-90deg)
  }
}
</style>
