选择器
[euiTooltip]
继承
无
用法
<div style="padding:20px 40px">
<span euiTooltip="This is a tooltip.">Hover Me</span>
</div>
<div style="padding:20px 140px">
<span [euiTooltip]="tc">登录到系统</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>
输入
名称 |
类型 |
描述 |
默认 |
tooltipCls |
string |
提示框样式类。 |
null |
tooltipStyle |
Object |
提示框内联样式。 |
null |
content |
string|TooltipContentComponent |
提示框内容。 |
null |
position |
string |
提示框的位置。可选的值:'left','right','top','bottom'。 |
bottom |
trackMouse |
boolean |
使提示框与鼠标一起移动。 |
false |
deltaX |
number |
与提示框位置的水平距离。 |
0 |
deltaY |
number |
与提示框位置的垂直距离。 |
0 |
showDelay |
number |
显示提示框的时间延迟。 |
200 |
hideDelay |
number |
隐藏提示框的时间延迟。 |
100 |
showEvent |
string |
使提示框出现的事件。 |
mouseenter |
hideEvent |
string |
使提示框消失的事件。 |
mouseleave |
事件
名称 |
参数 |
描述 |
tooltipShow |
无 |
在显示提示框时触发。 |
tooltipHide |
无 |
隐藏提示框时触发。 |
方法
名称 |
参数 |
返回值 |
描述 |
show |
无 |
void |
显示提示框。 |
hide |
无 |
void |
隐藏提示框。 |