Tip 组件

如何标识目标

只需要给目标 DOM 添加样式类tooltips即可

方位关系

你可以通过将目标元素添加data-tooltips属性来指定Tip的定位关系

Tip 支持多种定位关系，大体上分为两个部分：

1. Tip 位于目标的哪个方位，也就是 top / bottom / left / right，简写为 t / b / l / r；
2. Tip 如何与目标对齐，也就是 left / center / right，或者是 top /center / bottom, 简写就是 l / c / r 和 t / c / b；

将这两个简写定位合并起来就是Tip的定位标识。

例子1：tc，就是 top + center，也就是Tip位于目标的顶部，居中对齐

例子1：lb，就是 left + bottom，也就是Tip位于目标的左侧，底部对齐

效果如下边这个效果：

See the Pen zGeaWz by leon (@jinzhubaofu) on CodePen.

静态模式

这个模式是只能通过javascript来控制Tip的显示或隐藏，也就是说鼠标的hover动作不管用了。这种模式可以作为表单元素校验出错的提示信息。