From 457fe0874c1a84db7e9478c326d88b32c94b24ec Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=A2=81=E7=81=8F?= <admin@aresn.com>
Date: Thu, 21 Jun 2018 12:39:37 +0800
Subject: [PATCH] update Badge style

---
 examples/routers/badge.vue     |  9 +++++++++
 src/components/badge/badge.vue | 12 ++++++++++--
 2 files changed, 19 insertions(+), 2 deletions(-)

diff --git a/examples/routers/badge.vue b/examples/routers/badge.vue
index c06b0118..e1b1946e 100644
--- a/examples/routers/badge.vue
+++ b/examples/routers/badge.vue
@@ -43,6 +43,15 @@
             <br />
             <Badge status="warning" text="Warning" />
         </div>
+        <div style="margin: 50px">
+            <Badge dot>
+                <a href="//iviewui.com">我是一个链接</a>
+            </Badge>
+            <br><br>
+            <Badge :count="10" :offset="[-5, -5]">
+                <a href="//iviewui.com">我是一个链接</a>
+            </Badge>
+        </div>
     </div>
 </template>
 <script>
diff --git a/src/components/badge/badge.vue b/src/components/badge/badge.vue
index e7a1c544..f3a976fd 100644
--- a/src/components/badge/badge.vue
+++ b/src/components/badge/badge.vue
@@ -1,7 +1,7 @@
 <template>
     <span v-if="dot" :class="classes" ref="badge">
         <slot></slot>
-        <sup :class="dotClasses" v-show="badge"></sup>
+        <sup :class="dotClasses" :style="styles" v-show="badge"></sup>
     </span>
     <span v-else-if="status" :class="classes" class="ivu-badge-status" ref="badge">
         <span :class="statusClasses"></span>
@@ -9,7 +9,7 @@
     </span>
     <span v-else :class="classes" ref="badge">
         <slot></slot>
-        <sup v-if="hasCount" :class="countClasses" v-show="badge">{{ finalCount }}</sup>
+        <sup v-if="hasCount" :style="styles" :class="countClasses" v-show="badge">{{ finalCount }}</sup>
     </span>
 </template>
 <script>
@@ -70,6 +70,14 @@
                     }
                 ];
             },
+            styles () {
+                const style = {};
+                if (this.offset && this.offset.length === 2) {
+                    style['margin-top'] = `${this.offset[0]}px`;
+                    style['margin-right'] = `${this.offset[1]}px`;
+                }
+                return style;
+            },
             finalCount () {
                 if (this.text !== '') return this.text;
                 return parseInt(this.count) >= parseInt(this.overflowCount) ? `${this.overflowCount}+` : this.count;