other / mew-iview

Commit d5ba8cf34407b9df2c5384313d00744c87dbceed

Authored by 梁灏
1 parent 29a2cb0c

update Collapse style

Showing 2 changed files with 8 additions and 2 deletions   Show diff stats
Inline Side-by-side
src/components/collapse/panel.vue
  Show/Hide comments   View file @d5ba8cf
1 <template> 1 <template>
2 <div :class="itemClasses"> 2 <div :class="itemClasses">
3 <div :class="headerClasses" @click="toggle"> 3 <div :class="headerClasses" @click="toggle">
4 - <Icon type="arrow-right-b"></Icon> 4 + <Icon type="ios-arrow-right"></Icon>
5 <slot></slot> 5 <slot></slot>
6 </div> 6 </div>
7 <collapse-transition> 7 <collapse-transition>
src/styles/components/collapse.less
  Show/Hide comments   View file @d5ba8cf
@@ -14,16 +14,22 @@ @@ -14,16 +14,22 @@
14 > .@{collapse-prefix-cls}-header{ 14 > .@{collapse-prefix-cls}-header{
15 height: 38px; 15 height: 38px;
16 line-height: 38px; 16 line-height: 38px;
17 - padding-left: 32px; 17 + padding-left: 16px;
18 color: #666; 18 color: #666;
19 cursor: pointer; 19 cursor: pointer;
20 position: relative; 20 position: relative;
  21 + border-bottom: 1px solid transparent;
  22 + transition: all @transition-time @ease-in-out;
21 23
22 > i{ 24 > i{
23 transition: transform @transition-time @ease-in-out; 25 transition: transform @transition-time @ease-in-out;
  26 + margin-right: 14px;
24 } 27 }
25 } 28 }
26 } 29 }
  30 + & > &-item&-item-active > &-header{
  31 + border-bottom: 1px solid @border-color-base;
  32 + }
27 & > &-item&-item-active > &-header > i{ 33 & > &-item&-item-active > &-header > i{
28 transform: rotate(90deg); 34 transform: rotate(90deg);
29 } 35 }