Skip to content

Tooltip 文字提示

常用于展示鼠标 hover 时的提示信息。

基本用法

鼠标移入元素,显示提示的文案。

This is a tooltip.
vue
<template>
  <ImTooltip content=" This is a tooltip. 意思是 这是一个文字提示">
    This is a tooltip.
  </ImTooltip>
</template>

方向

placement 属性设置提示框出现的位置。







触发方式

设置 trigger 属性,可以设置鼠标点击或停留触发提示。支持 hover, click

滚动关闭

设置 scrollClose 属性,当鼠标滚动时关闭提示框。

APIS

基于 MIT 协议发布