React EasyUI 提示框

2020-06-24 12:00 更新

當用戶的鼠標指針停留在某個元素上時,該元素出現(xiàn)提示信息窗口用來顯示額外的元素相關信息。

屬性列表

名稱 數(shù)據(jù)類型 作用描述 默認值
tooltipCls string 提示框樣式類。 null
tooltipStyle Object 提示框的內(nèi)聯(lián)樣式。 null
content string, function 提示框內(nèi)容。 null
position string 提示框的位置??蛇x值:'left', 'right', 'top', 'bottom'。 bottom
trackMouse boolean 為True時,使提示框同鼠標一起移動。 false
deltaX number 與提示框位置的水平距離。 0
deltaY number 與提示框位置的垂直距離。 0
showDelay number 顯示提示框的時間延遲。 200
hideDelay number 隱藏提示框的時間延遲。 100
showEvent string 使提示框出現(xiàn)的事件。 mouseenter
hideEvent string 使提示框隱藏的事件。 mouseleave

事件列表

名稱 參數(shù) 作用描述
onShow none 顯示提示框時觸發(fā)。
onHide none 隱藏提示框時觸發(fā)。

注:
- 繼承: LocaleBase 。

使用方法

<Tooltip content="This is a tooltip.">
    <span>Hover Me</span>
</Tooltip>
以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號