add z-index；fixed the shape when it has one word。

src/packages/badge/badge.scss

@@ -4,9 +4,11 @@
     sup {
       position: absolute;
       height: 18px;
+      min-width: 8px;
       line-height: 18px;
       padding: 0 5px;
       background-color: #fff;
+      text-align: center;
       border: 1px solid $primary-color;
       color: $primary-color;
       font-size: 10px;

src/packages/badge/badge.vue

@@ -36,13 +36,18 @@ export default {
     right: {
       type: String,
       default: '0'
+    },
+    zIndex: {
+      type: Number,
+      default: 10
     }
   },
   data() {
     return {
       stl: {
         top: this.top,
-        right: this.right
+        right: this.right,
+        zIndex: this.zIndex
       }
     }
   },

src/packages/badge/demo.vue

@@ -24,7 +24,7 @@
       <h4>小圆点</h4>
       <div class="demo-w">
         <nut-badge :isDot="true" class="item"><div class="demo-svg"></div></nut-badge>
-        <nut-badge :isDot="true" class="item">文字内容</nut-badge>
+        <nut-badge :isDot="true" class="item">购物车</nut-badge>
         <nut-badge :isDot="true" :max="99" class="item"><nut-button>购物车</nut-button></nut-badge>
       </div>
 

src/packages/badge/doc.md

@@ -136,6 +136,7 @@
 |----- | ----- | ----- | ----- 
 | value | 显示的内容 | String | -
 | max | value为数值时，最大值 | Number | 10000
+| zIndex | 徽标的z-index值 | Number | 10
 | isDot | 是否为小点 | Boolean | false
 | hidden | 是否隐藏 | Boolean | false
 | top   | 上下偏移量，支持单位设置，可设置为：5px、5rem等 | String | 0