tooltip 文字提示
视频及原型文件下载：https://study.163.com/course/courseMain.htm?courseId=1209770824&share=2&shareId=400000000540015
定义：
简单轻量的的文字提示，常用于展示鼠标 hover 时的提示信息。
交互原则：
1、不要用Tooltip来获取任务完成的关键信息;
2、在Tooltip中提供简短有用的内容；
3、支持鼠标和键盘悬停显示；
4、如果附近有多个元素，使用工具提示箭头；
5、用则始终用，保持一致性并为所有视觉元素都提供Tooltip很重要；
6、确保工具提示和背景形成适度的对比；
7、定位工具提示，以免挡住相关内容
交互说明：
1、【文案】：说明提示的文案内容，例如：相机，鼠标悬浮显示文案：点击调取系统相机
2、【触发条件】：显示的触发条件，一般是鼠标悬停，也可以键盘悬停显示，例如：鼠标和键盘悬停显示tooltip文字；
3、【显示位置】:说明tooltip文字提示的位置，例如：显示在当前按钮的右上方，如果是按钮在右侧不满足显示位置，则显示在左上方；
使用场景：
1、鼠标移入则立即显示提示，移出则立即消失，不承载复杂文本和操作。
2、常用于解释操作按钮的文字说明。
还有一种tooltip是浏览器自带的，浏览器自带的和本篇的tooltip的区别是：浏览器自带的鼠标移入一般2s才显示，多用于折行打点的文字提示。例如简书，而本篇的tooltip鼠标移入就出现，切组件风格和浏览器自带完全不一样。
tooltip组件按照需要解释说明的对象位置不同，可以有以下不同的样式。
