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> <template>
<div :class="itemClasses"> <div :class="itemClasses">
<div :class="headerClasses" @click="toggle"> <div :class="headerClasses" @click="toggle">
<Icon type="arrow-right-b"></Icon> <Icon type="ios-arrow-right"></Icon>
<slot></slot> <slot></slot>
</div> </div>
<collapse-transition> <collapse-transition>

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

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