Commit b80c48ffce0077451fd452ba0373fd2ea1e4bae2
1 parent
841cb1fe
Collapse support transition
Showing
1 changed file
with
7 additions
and
4 deletions
Show diff stats
src/components/collapse/panel.vue
| ... | ... | @@ -4,18 +4,21 @@ |
| 4 | 4 | <Icon type="arrow-right-b"></Icon> |
| 5 | 5 | <slot></slot> |
| 6 | 6 | </div> |
| 7 | - <div :class="contentClasses" v-show="isActive"> | |
| 8 | - <div :class="boxClasses"><slot name="content"></slot></div> | |
| 9 | - </div> | |
| 7 | + <collapse-transition> | |
| 8 | + <div :class="contentClasses" v-show="isActive"> | |
| 9 | + <div :class="boxClasses"><slot name="content"></slot></div> | |
| 10 | + </div> | |
| 11 | + </collapse-transition> | |
| 10 | 12 | </div> |
| 11 | 13 | </template> |
| 12 | 14 | <script> |
| 13 | 15 | import Icon from '../icon/icon.vue'; |
| 16 | + import CollapseTransition from '../base/collapse-transition'; | |
| 14 | 17 | const prefixCls = 'ivu-collapse'; |
| 15 | 18 | |
| 16 | 19 | export default { |
| 17 | 20 | name: 'Panel', |
| 18 | - components: { Icon }, | |
| 21 | + components: { Icon, CollapseTransition }, | |
| 19 | 22 | props: { |
| 20 | 23 | name: { |
| 21 | 24 | type: String | ... | ... |