Tooltip

用於額外提示,平時並不會顯示於畫面上。使用類別為 .tooltip。將要顯示的文案放置 [data-tip] 上。另外可設定顯示位置:上方 @top、下方 @bottom、左邊 @left、右邊 @right

Tooltip @top
Tooltip @bottom
Tooltip @left
Tooltip @right
<span class="tooltip @top" data-tip="{content}"></span> <span class="tooltip @bottom" data-tip="{content}"></span> <span class="tooltip @left" data-tip="{content}"></span> <span class="tooltip @right" data-tip="{content}"></span>

多行顯示

通常提示內容不會太鍋,但若要多行顯示則需要加上 :rows

Tooltip Rows
<span class="tooltip :rows @top" data-tip="{content}"></span>