增加数组类型

uview/components/u-badge/u-badge.vue

 <template>
-	<view v-if="show" class="u-badge-box" :class="[isDot ? 'u-badge-dot' : 'u-badge', size == 'mini' ? 'u-badge-mini' : '']" :style="[{
+    <view
+        v-if="show"
+        class="u-badge-box"
+        :class="[isDot ? 'u-badge-dot' : 'u-badge', size == 'mini' ? 'u-badge-mini' : '']"
+        :style="[{
 		top: offset[0] + 'rpx',
 		right: offset[1] + 'rpx',
 		fontSize: fontSize + 'rpx',
 		position: absolute ? 'absolute' : 'static',
 		color: color,
 		backgroundColor: backgroundColor
-	}, boxStyle]">
-		{{showText}}
-	</view>
+	}, boxStyle]"
+    >{{showText}}</view>
 </template>
 
 <script>
-	export default {
+export default {
     props: {
         // primary,warning,success,error,info
         type: {
             type: String,
-				default: 'error'
+            default: "error"
         },
         // default, mini
         size: {
             type: String,
-				default: 'default'
+            default: "default"
         },
         //是否是圆点
         isDot: {
@@ -31,7 +34,7 @@
         },
         // 显示的数值内容
         count: {
-				type: [Number, String],
+            type: [Number, String, Array]
         },
         // 展示封顶的数字值
         overflowCount: {
@@ -47,7 +50,7 @@
         offset: {
             type: Array,
             default: () => {
-					return [20, 20]
+                return [20, 20];
             }
         },
         // 是否开启绝对定位，开启了offset才会起作用
@@ -58,17 +61,17 @@
         // 字体大小
         fontSize: {
             type: [String, Number],
-				default: '24'
+            default: "24"
         },
         // 字体演示
         color: {
             type: String,
-				default: '#ffffff'
+            default: "#ffffff"
         },
         // badge的背景颜色
         bgColor: {
             type: String,
-				default: ''
+            default: ""
         },
         // 是否让badge组件的中心点和父组件右上角重合，配置的话，offset将会失效
         isCenter: {
@@ -80,30 +83,36 @@
         // 是否将badge中心与父组件右上角重合
         boxStyle() {
             let style = {};
-				if(this.isCenter) {
+            if (this.isCenter) {
                 style.top = 0;
                 style.right = 0;
                 // Y轴-50%，意味着badge向上移动了badge自身高度一半，X轴50%，意味着向右移动了自身宽度一半
                 style.transform = "translateY(-50%) translateX(50%)";
             } else {
-					style.top = this.offset[0] + 'rpx';
-					style.right = this.offset[1] + 'rpx';
+                style.top = this.offset[0] + "rpx";
+                style.right = this.offset[1] + "rpx";
                 style.transform = "translateY(0) translateX(0)";
             }
             return style;
         },
         // isDot类型时，不显示文字
         showText() {
-				if(this.isDot) return '';
-				else {
-					if(this.count > this.overflowCount) return `${this.overflowCount}+`;
-					else return this.count;
+            if (this.isDot) return "";
+            console.log(this.count);
+            if (Array.isArray(this.count)) {
+                if (this.count.length > this.overflowCount) {
+                    return `${this.overflowCount}+`;
+                } else return this.count.length;
+            } else {
+                if (this.count > this.overflowCount) {
+                    return `${this.overflowCount}+`;
+                } else return this.count;
             }
         },
         // 是否显示组件
         show() {
             // 如果count的值为0，并且showZero设置为false，不显示组件
-				if(this.count == 0 && this.showZero == false) return false;
+            if (this.count == 0 && this.showZero == false) return false;
             else return true;
         },
         // 获取背景颜色，如果定义了bgColor参数，就放弃type主题色
@@ -111,61 +120,61 @@
             return this.bgColor ? this.bgColor : this.$u.color[this.type];
         }
     }
-	}
+};
 </script>
 
 <style lang="scss" scoped>
-	.u-badge-box {
+.u-badge-box {
     display: inline-flex;
     justify-content: center;
     align-items: center;
-	}
+}
 
-	.u-badge {
+.u-badge {
     line-height: 24rpx;
     padding: 4rpx 8rpx;
     border-radius: 100rpx;
-	}
+}
 
-	.u-badge-dot {
+.u-badge-dot {
     height: 16rpx;
     width: 16rpx;
     border-radius: 100rpx;
     line-height: 1;
-	}
+}
 
-	.u-badge-mini {
+.u-badge-mini {
     transform: scale(0.8);
     transform-origin: center center;
-	}
+}
 
-	// .u-primary {
-	// 	background: $u-type-primary;
-	// 	color: #fff;
-	// }
+// .u-primary {
+// 	background: $u-type-primary;
+// 	color: #fff;
+// }
 
-	// .u-error {
-	// 	background: $u-type-error;
-	// 	color: #fff;
-	// }
+// .u-error {
+// 	background: $u-type-error;
+// 	color: #fff;
+// }
 
-	// .u-warning {
-	// 	background: $u-type-warning;
-	// 	color: #fff;
-	// }
+// .u-warning {
+// 	background: $u-type-warning;
+// 	color: #fff;
+// }
 
-	// .u-success {
-	// 	background: $u-type-success;
-	// 	color: #fff;
-	// }
+// .u-success {
+// 	background: $u-type-success;
+// 	color: #fff;
+// }
 
-	// .u-black {
-	// 	background: #585858;
-	// 	color: #fff;
-	// }
+// .u-black {
+// 	background: #585858;
+// 	color: #fff;
+// }
 
-	.u-info {
+.u-info {
     background: $u-type-info;
     color: #fff;
-	}
+}
 </style>
\ No newline at end of file