update Collapse style

梁灏
1 parent 29a2cb0c
Showing 2 changed files with 8 additions and 2 deletions Show diff stats
src/components/collapse/panel.vue
src/styles/components/collapse.less
 <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>
@@ -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);
     }