drip-public/iview
6
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

update Collapse style

Browse source
This commit is contained in:
梁灏 2018-06-21 16:45:42 +08:00
parent 29a2cb0c60
commit d5ba8cf344
2 changed files with 8 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/components/collapse/panel.vue
View file

@ -1,7 +1,7 @@
<template>
<div :class="itemClasses">
<div :class="headerClasses" @click="toggle">
<Icon type="arrow-right-b"></Icon>
<Icon type="ios-arrow-right"></Icon>
<slot></slot>
</div>
<collapse-transition>

8
src/styles/components/collapse.less
View file

@ -14,16 +14,22 @@
> .@{collapse-prefix-cls}-header{
height: 38px;
line-height: 38px;
padding-left: 32px;
padding-left: 16px;
color: #666;
cursor: pointer;
position: relative;
border-bottom: 1px solid transparent;
transition: all @transition-time @ease-in-out;
> i{
transition: transform @transition-time @ease-in-out;
margin-right: 14px;
}
}
}
& > &-item&-item-active > &-header{
border-bottom: 1px solid @border-color-base;
}
& > &-item&-item-active > &-header > i{
transform: rotate(90deg);
}