mini.ToolTip用法

felt

zidieq 发表于 2023-6-14 08:36
哈哈，我觉得也是，而且title是可写可不写的，data-tooltip是写了才生效。

默认的选择器html标签上的title属性。有title使用了tooltip，就会自动出现。
主动的话可以用样式来控制
selector:".aa"

1. <input type="button"  title="Aaa" data-placement="left" class="aa"  style="margin-left:300px" value="按钮1"/>
   
2. </br>
   
3. <input type="button" title="Bbb" data-placement="top"  style="margin-left:300px" value="按钮2"/>
   
4. </br>
   
5. <input type="button"   data-placement="bottom"  style="margin-left:300px" value="按钮3" data-tooltip="Ccc"/>
   
6. 
   
7. 
   
8. var tip = new mini.ToolTip();
   
9.     tip.set({
   
10.         target: document,
    
11.         selector: '[title],[data-tooltip]'
    
12.        // selector:'.aa'
    
13.     });

复制代码

更多可以看一下试用包内demo/tooltip/grid.html，可以更多的控制。