## Tipsy ### 基本类名 `.mui-tipsy--` > 用于替代默认title, 使用`data-tipsy`代替默认title属性, 样式前缀 `mui-tipsy--方向` #### 上方偏左 ```html <button class="mui-button mui-tipsy--nw" data-tipsy="上左">上左</button> ``` #### 上方正中(常用) ```html <button class="mui-button mui-tipsy--n" data-tipsy="上中">上中</button> ``` #### 上方偏右 ```html <button class="mui-button mui-tipsy--ne" data-tipsy="上右">上右</button> ``` #### 居右 ```html <button class="mui-button mui-tipsy--e" data-tipsy="右中">右中</button> ``` #### 下方偏右 ```html <button class="mui-button mui-tipsy--se" data-tipsy="下右">下右</button> ``` #### 下方正中 ```html <button class="mui-button mui-tipsy--s" data-tipsy="下中">下中(下)</button> ``` #### 下方偏左 ```html <button class="mui-button mui-tipsy--sw" data-tipsy="下左">下左</button> ``` #### 居左 ```html <button class="mui-button mui-tipsy--w" data-tipsy="左中">左中</button> ```