From 3f611f57eda174c69397c951eb8105f51891df1c Mon Sep 17 00:00:00 2001
From: 梁灏 <admin@aresn.com>
Date: Thu, 21 Jun 2018 19:14:09 +0800
Subject: [PATCH] Collapse add simple prop

---
 examples/routers/collapse.vue        |  4 ++--
 src/components/collapse/collapse.vue | 11 ++++++++++-
 src/components/rate/rate.vue         |  2 +-
 src/styles/components/collapse.less  | 12 ++++++++++++
 4 files changed, 25 insertions(+), 4 deletions(-)

diff --git a/examples/routers/collapse.vue b/examples/routers/collapse.vue
index adeb181..385981c 100644
--- a/examples/routers/collapse.vue
+++ b/examples/routers/collapse.vue
@@ -1,6 +1,6 @@
 <template>
     <div>
-        <Collapse accordion v-model="value3">
+        <Collapse accordion v-model="value3" simple>
             <Panel name="1" hide-arrow>
                 史蒂夫·乔布斯
                 <div slot="content">
@@ -29,7 +29,7 @@
 
         <br/>
         <br/>
-        <Collapse v-model="value5">
+        <Collapse v-model="value5" simple>
             <Panel name="21">
                 斯蒂夫·盖瑞·沃兹尼亚克
                 <p slot="content">斯蒂夫·盖瑞·沃兹尼亚克（Stephen Gary Wozniak），美国电脑工程师，曾与史蒂夫·乔布斯合伙创立苹果电脑（今之苹果公司）。斯蒂夫·盖瑞·沃兹尼亚克曾就读于美国科罗拉多大学，后转学入美国著名高等学府加州大学伯克利分校（UC Berkeley）并获得电机工程及计算机（EECS）本科学位（1987年）。</p>
diff --git a/src/components/collapse/collapse.vue b/src/components/collapse/collapse.vue
index 74e81a3..5201641 100644
--- a/src/components/collapse/collapse.vue
+++ b/src/components/collapse/collapse.vue
@@ -15,6 +15,10 @@
             },
             value: {
                 type: [Array, String]
+            },
+            simple: {
+                type: Boolean,
+                default: false
             }
         },
         data () {
@@ -24,7 +28,12 @@
         },
         computed: {
             classes () {
-                return `${prefixCls}`;
+                return [
+                    `${prefixCls}`,
+                    {
+                        [`${prefixCls}-simple`]: this.simple
+                    }
+                ];
             }
         },
         mounted () {
diff --git a/src/components/rate/rate.vue b/src/components/rate/rate.vue
index 1ad744c..e75e6f9 100644
--- a/src/components/rate/rate.vue
+++ b/src/components/rate/rate.vue
@@ -99,7 +99,7 @@
             },
             iconClasses () {
                 return [
-                    `ivu-icon`,
+                    'ivu-icon',
                     {
                         [`ivu-icon-${this.icon}`]: this.icon !== '',
                         [`${this.customIcon}`]: this.customIcon !== '',
diff --git a/src/styles/components/collapse.less b/src/styles/components/collapse.less
index ca169c0..0a4afe3 100644
--- a/src/styles/components/collapse.less
+++ b/src/styles/components/collapse.less
@@ -5,6 +5,12 @@
     border-radius: 3px;
     border: 1px solid @border-color-base;
 
+    &-simple{
+        border-left: none;
+        border-right: none;
+        background-color: #fff;
+    }
+
     & > &-item{
         border-top: 1px solid @border-color-base;
         &:first-child {
@@ -30,6 +36,9 @@
     &  > &-item&-item-active > &-header{
         border-bottom: 1px solid @border-color-base;
     }
+    &-simple > &-item&-item-active > &-header{
+        border-bottom: 1px solid transparent;
+    }
     &  > &-item&-item-active > &-header > i{
         transform: rotate(90deg);
     }
@@ -46,6 +55,9 @@
             padding-bottom: 16px;
         }
     }
+    &-simple > &-item > &-content > &-content-box{
+        padding-top: 0;
+    }
     &-item-active > &-content{
         //display: block;
     }
--
libgit2 0.21.4