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,18 +4,21 @@ | ||
4 | <Icon type="arrow-right-b"></Icon> | 4 | <Icon type="arrow-right-b"></Icon> |
5 | <slot></slot> | 5 | <slot></slot> |
6 | </div> | 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 | </div> | 12 | </div> |
11 | </template> | 13 | </template> |
12 | <script> | 14 | <script> |
13 | import Icon from '../icon/icon.vue'; | 15 | import Icon from '../icon/icon.vue'; |
16 | + import CollapseTransition from '../base/collapse-transition'; | ||
14 | const prefixCls = 'ivu-collapse'; | 17 | const prefixCls = 'ivu-collapse'; |
15 | 18 | ||
16 | export default { | 19 | export default { |
17 | name: 'Panel', | 20 | name: 'Panel', |
18 | - components: { Icon }, | 21 | + components: { Icon, CollapseTransition }, |
19 | props: { | 22 | props: { |
20 | name: { | 23 | name: { |
21 | type: String | 24 | type: String |