99re热这里只有精品视频,7777色鬼xxxx欧美色妇,国产成人精品一区二三区在线观看,内射爽无广熟女亚洲,精品人妻av一区二区三区

Angular EasyUI 提示框

2020-06-24 17:29 更新

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

提示框指令（ TooltipDirective ）

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

  • 事件列表
名稱 參數(shù) 作用描述
tooltipShow none 顯示提示框時觸發(fā)。
tooltipHide none 隱藏提示框時觸發(fā)。

  • 方法列表
名稱 參數(shù) 返回值 作用描述
show none void 顯示提示框。
hide none void 隱藏提示框。

注：
- 繼承： None 。
- 選擇器： [euiTooltip] 。

  • 使用方法

<div style="padding:20px 40px">
    <span euiTooltip="This is a tooltip.">Hover Me</span>
</div>
<div style="padding:20px 140px">
    <span [euiTooltip]="tc">登錄到系統(tǒng)</span>
</div>
<eui-tooltip-content #tc>
    <eui-panel [border]="false" style="width:200px">
        <div style="padding:10px">
            <eui-textbox iconCls="icon-man" style="width:100%"></eui-textbox>
        </div>
        <div style="padding:10px">
            <eui-passwordbox style="width:100%"></eui-passwordbox>
        </div>
        <div style="text-align:center;padding:10px">
            <eui-linkbutton>登錄</eui-linkbutton>
            <eui-linkbutton>取消</eui-linkbutton>
        </div>
    </eui-panel>
</eui-tooltip-content>

提示框內(nèi)容( TooltipContentComponent )

  • 屬性列表
名稱 數(shù)據(jù)類型 作用描述 默認(rèn)值
tooltipCls string 提示框樣式類。 null
tooltipStyle Object 提示框的內(nèi)聯(lián)樣式。 null
content string 提示框內(nèi)容。 null
position string 提示框的位置。可選值：'left', 'right', 'top', 'bottom'。 bottom
trackMouse boolean 為True時,使提示框同鼠標(biāo)一起移動。 false
deltaX number 與提示框位置的水平距離。 0
deltaY number 與提示框位置的垂直距離。 0
target HTMLElement 當(dāng)懸停在目標(biāo)元素上時顯示提示框消息的目標(biāo)元素。 null

  • 方法列表
名稱 參數(shù) 返回值 作用描述
show none void 顯示提示框。
hide none void 隱藏提示框。
reposition none void 重置提示框位置。

注：
- 繼承： None 。
- 選擇器： eui-tooltip-content 。

以上內(nèi)容是否對您有幫助：
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號