文字提示 Tooltip

常用于展示鼠标 反馈 时的提示信息

基本使用

Details

<template>
  <ik-tooltip placement="top">
    <template #content>
      <div>这是提示内容</div>
    </template>
    <ik-button>按钮</ik-button>
  </ik-tooltip>
</template>

基础配置

不显示箭头，点击触发展示。可配置白色背景。

点击展开

<template>
  <ik-tooltip placement="top" triggerType="click" :arrow="false">
    <template #content>
      <div>这是提示内容</div>
    </template>
    <ik-button>按钮</ik-button>
  </ik-tooltip>
</template>

方向配置

attrs

参数	说明	类型	可选值	默认值
placement	提示展示方向	string	-	top
triggerType	触发类型	string	hover / click	hover
arrow	是否展示小箭头	boolean	true / false	true
light	是否白色背景	boolean	true / false	false