tooltip 文字提示
視頻及原型文件下載：https://study.163.com/course/courseMain.htm?courseId=1209770824&share=2&shareId=400000000540015
定義：
簡(jiǎn)單輕量的的文字提示拯辙，常用于展示鼠標(biāo) hover 時(shí)的提示信息丢胚。
交互原則：
1嚎杨、不要用Tooltip來(lái)獲取任務(wù)完成的關(guān)鍵信息;
2、在Tooltip中提供簡(jiǎn)短有用的內(nèi)容饵沧；
3、支持鼠標(biāo)和鍵盤懸停顯示；
4匿刮、如果附近有多個(gè)元素，使用工具提示箭頭探颈；
5熟丸、用則始終用，保持一致性并為所有視覺元素都提供Tooltip很重要伪节；
6光羞、確保工具提示和背景形成適度的對(duì)比；
7怀大、定位工具提示纱兑，以免擋住相關(guān)內(nèi)容
交互說(shuō)明：
1、【文案】：說(shuō)明提示的文案內(nèi)容化借，例如：相機(jī)潜慎，鼠標(biāo)懸浮顯示文案：點(diǎn)擊調(diào)取系統(tǒng)相機(jī)
2、【觸發(fā)條件】：顯示的觸發(fā)條件，一般是鼠標(biāo)懸停勘纯，也可以鍵盤懸停顯示局服，例如：鼠標(biāo)和鍵盤懸停顯示tooltip文字；
3驳遵、【顯示位置】:說(shuō)明tooltip文字提示的位置淫奔，例如：顯示在當(dāng)前按鈕的右上方，如果是按鈕在右側(cè)不滿足顯示位置堤结，則顯示在左上方唆迁；
使用場(chǎng)景：
1、鼠標(biāo)移入則立即顯示提示竞穷，移出則立即消失唐责，不承載復(fù)雜文本和操作。
2瘾带、常用于解釋操作按鈕的文字說(shuō)明鼠哥。
還有一種tooltip是瀏覽器自帶的，瀏覽器自帶的和本篇的tooltip的區(qū)別是：瀏覽器自帶的鼠標(biāo)移入一般2s才顯示看政，多用于折行打點(diǎn)的文字提示朴恳。例如簡(jiǎn)書，而本篇的tooltip鼠標(biāo)移入就出現(xiàn)允蚣，切組件風(fēng)格和瀏覽器自帶完全不一樣于颖。
tooltip組件按照需要解釋說(shuō)明的對(duì)象位置不同，可以有以下不同的樣式嚷兔。
