2015-06-23 10:43:17 +08:00
|
|
|
# Motion
|
|
|
|
|
|
2015-07-05 15:43:07 +08:00
|
|
|
- category: CSS
|
2015-07-08 17:05:43 +08:00
|
|
|
- chinese: 组件动画
|
2015-07-03 17:00:59 +08:00
|
|
|
- order: 4
|
2015-06-23 10:43:17 +08:00
|
|
|
|
|
|
|
|
---
|
|
|
|
|
|
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` |
|
|
|
|
|
|
