Collapse add simple prop

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 () {

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 !== '',

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;
     }