什么是tooltip?
就是工具提示。
举个例子
如下箭头所指就是个tooltip
如何实现?
利用uikit附加组件,需要引入uikit的tooltip.css以及tooltip.js才可以。(重要,因为tooltip的基础组件不包含这个)
举个例子
如下,添加data-uk-tooltip属性即可,title属性规定提示的内容。
<button class="uk-button" data-uk-tooltip title="this is a test">click</button>
如何设置提示的位置?
给data-uk-tooltip属性设置值就可以。如下
<button class="uk-button" data-uk-tooltip="{pos:'right'}" title="this is a test">click</button>
结果可以看出是从右侧弹出提示