React EasyUI 提示框

2020-06-24 12:00 更新

当用户的鼠标指针停留在某个元素上时,该元素出现提示信息窗口用来显示额外的元素相关信息。

属性列表

名称 数据类型 作用描述 默认值
tooltipCls string 提示框样式类。 null
tooltipStyle Object 提示框的内联样式。 null
content string, function 提示框内容。 null
position string 提示框的位置。可选值:'left', 'right', 'top', 'bottom'。 bottom
trackMouse boolean 为True时,使提示框同鼠标一起移动。 false
deltaX number 与提示框位置的水平距离。 0
deltaY number 与提示框位置的垂直距离。 0
showDelay number 显示提示框的时间延迟。 200
hideDelay number 隐藏提示框的时间延迟。 100
showEvent string 使提示框出现的事件。 mouseenter
hideEvent string 使提示框隐藏的事件。 mouseleave

事件列表

名称 参数 作用描述
onShow none 显示提示框时触发。
onHide none 隐藏提示框时触发。

注:
- 继承: LocaleBase 。

使用方法

<Tooltip content="This is a tooltip.">
    <span>Hover Me</span>
</Tooltip>
以上内容是否对您有帮助:
在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号