2015-06-23 10:43:17 +08:00
|
|
|
# Motion
|
|
|
|
|
|
|
|
|
|
- category: CSS
|
|
|
|
|
- chinese: 动画
|
|
|
|
|
- order: 3
|
|
|
|
|
|
|
|
|
|
---
|
|
|
|
|
|
2015-07-01 17:25:16 +08:00
|
|
|
|
|
|
|
|
## 组件的动画
|
|
|
|
|
|
|
|
|
|
通过设置组件的 transitionName 指定组件动画
|
|
|
|
|
|
|
|
|
|
| 组件 | 中文名 | 采用动画 |
|
|
|
|
|
|--------------|---------------------|-------------------------------------------------|
|
|
|
|
|
| popover | 气泡浮出层 | `zoom-up` `zoom-down` `zoom-left` `zoom-right` |
|
|
|
|
|
| popconfirm | 气泡确认框 | `zoom-up` `zoom-down` `zoom-left` `zoom-right` |
|
|
|
|
|
| tooltip | 文字提示框 | `zoom-up` `zoom-down` `zoom-left` `zoom-right` |
|
|
|
|
|
| modal | 弹出框 | `zoom` |
|
|
|
|
|
| confirm | 弹出确认框 | `zoom` |
|
|
|
|
|
| message | 信息提示条 | `move-up` |
|
|
|
|
|
| dropdown | 下拉菜单 | `slide-up` |
|
|
|
|
|
| select | 选择框 | `slide-up` |
|
|
|
|
|
| datepicker | 日期选择框 | `slide-up` |
|
|
|
|
|
|
