antd-tooltip

最新推荐文章于 2024-09-25 17:58:10 发布

开水没有冬天

最新推荐文章于 2024-09-25 17:58:10 发布

阅读量3.8k

点赞数

分类专栏： antd

本文链接：https://blog.csdn.net/weixin_42995876/article/details/103399380

版权

antd 专栏收录该内容

23 篇文章 0 订阅

订阅专栏

本文讨论了在Ant Design的0.6x及8.x版本中，如何通过调整鼠标悬停延迟来优化table组件上的Tooltip显示，避免页面混乱，提升用户体验。介绍了nzMouseEnterDelay和nzMouseLeaveDelay属性的作用与默认值。

摘要由CSDN通过智能技术生成

0.6x版本中：
table如果使用nzTooltip，那么鼠标随便乱滑，那么tooltip每个都会显示，页面很乱，延时show tooltip最好。==>给点延时时间就ok，有这个参数的

nzMouseEnterDelay 鼠标移入后延时多少才显示 Tooltip，单位：秒（nzTrigger='hover’时有效） number 0
nzMouseLeaveDelay 鼠标移出后延时多少才隐藏 Tooltip，单位：秒（nzTrigger='hover’时有效） number 0.1

8.x版本：

[nzMouseEnterDelay] 鼠标移入后延时多少才显示 Tooltip，单位：秒 number 0.15
[nzMouseLeaveDelay] 鼠标移出后延时多少才隐藏 Tooltip，单位：秒 number 0.1

tooltip格式有要求

<i nz-icon nzType="exclamation-circle" nzTheme="outline"
   nz-tooltip
   [nzTooltipTitle]="titleTemp">
</i>

<ng-template #titleTemp>
   <div>日期格式为：yyyy-MM-dd；日期和时间格式为：yyyy-MM-dd HH:mm:ss</div>
   <!--<div>日期和时间格式为：yyyy-MM-dd HH:mm:ss</div>-->
</ng-template>