From 737e2df88bec9a0f9b4f52dddf7b1c39950ee0e2 Mon Sep 17 00:00:00 2001
From: BillyWang <181347204@qq.com>
Date: Wed, 28 Mar 2018 22:51:29 +0800
Subject: [PATCH] * Card组件增加title和icon属性，简化用户使用

---
 src/components/card/card.vue | 16 ++++++++++++----
 1 file changed, 12 insertions(+), 4 deletions(-)

diff --git a/src/components/card/card.vue b/src/components/card/card.vue
index 7dc72ec..3780e81 100644
--- a/src/components/card/card.vue
+++ b/src/components/card/card.vue
@@ -1,6 +1,8 @@
 <template>
     <div :class="classes">
-        <div :class="headClasses" v-if="showHead"><slot name="title"></slot></div>
+        <div :class="headClasses" v-if="showHead"><slot name="title">
+            <p v-if="title"><Icon v-if="icon" :type="icon"></Icon>{{title}}</p>
+        </slot></div>
         <div :class="extraClasses" v-if="showExtra"><slot name="extra"></slot></div>
         <div :class="bodyClasses" :style="bodyStyles"><slot></slot></div>
     </div>
@@ -8,10 +10,10 @@
 <script>
     const prefixCls = 'ivu-card';
     const defaultPadding = 16;
-
+    import Icon from '../icon/index'
     export default {
         name: 'Card',
-
+        components: { Icon },
         props: {
             bordered: {
                 type: Boolean,
@@ -28,6 +30,12 @@
             padding: {
                 type: Number,
                 default: defaultPadding
+            },
+            title: {
+                type: String,
+            },
+            icon: {
+                type: String,
             }
         },
         data () {
@@ -67,7 +75,7 @@
             }
         },
         mounted () {
-            this.showHead = this.$slots.title !== undefined;
+            this.showHead = this.title || this.$slots.title !== undefined;
             this.showExtra = this.$slots.extra !== undefined;
         }
     };
--
libgit2 0.21.4