<template>
  <div v-if="content" class="th-tips" :class="placement">
    <!-- eslint-disable vue/no-v-html -->
    <span v-if="isHtml" class="th-tips--content" v-html="content" />
    <span v-else class="th-tips--content">{{ content }}</span>
  </div>
</template>
<script>
export default {
  name: 'ThTips',
  props: {
    // 是否以html显示
    isHtml: {
      type: Boolean,
      default: false
    },
    // 内容
    content: {
      type: String,
      default: ''
    },
    // 方位
    placement: {
      type: String,
      default: 'bottom'
    }
  }
}
</script>
