From 5f4a9bd589f86e990a7b933014c4e6f578763fc1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=A2=81=E7=81=8F?= <admin@aresn.com>
Date: Sun, 22 Apr 2018 16:39:20 +0800
Subject: [PATCH] Tag add prop fade

---
 src/components/tag/tag.vue | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/components/tag/tag.vue b/src/components/tag/tag.vue
index b6ee3f22..c83707e0 100644
--- a/src/components/tag/tag.vue
+++ b/src/components/tag/tag.vue
@@ -1,11 +1,16 @@
 <template>
-    <transition name="fade">
+    <transition name="fade" v-if="fade">
         <div :class="classes" @click.stop="check" :style="wraperStyles">
             <span :class="dotClasses" v-if="showDot" :style="bgColorStyle"></span>
             <span :class="textClasses" :style="textColorStyle"><slot></slot></span>
             <Icon v-if="closable" :class="iconClass" :color="lineColor" type="ios-close-empty" @click.native.stop="close"></Icon>
         </div>
     </transition>
+    <div v-else :class="classes" @click.stop="check" :style="wraperStyles">
+        <span :class="dotClasses" v-if="showDot" :style="bgColorStyle"></span>
+        <span :class="textClasses" :style="textColorStyle"><slot></slot></span>
+        <Icon v-if="closable" :class="iconClass" :color="lineColor" type="ios-close-empty" @click.native.stop="close"></Icon>
+    </div>
 </template>
 <script>
     import Icon from '../icon';
@@ -39,6 +44,10 @@
             },
             name: {
                 type: [String, Number]
+            },
+            fade: {
+                type: Boolean,
+                default: true
             }
         },
         data () {