diff --git a/sheep/components/s-order-card/s-order-card.vue b/sheep/components/s-order-card/s-order-card.vue
index f166f02..9c29d76 100644
--- a/sheep/components/s-order-card/s-order-card.vue
+++ b/sheep/components/s-order-card/s-order-card.vue
@@ -15,7 +15,7 @@
 			<view class="menu-item ss-flex-1 ss-flex-col ss-row-center ss-col-center" v-for="(item, index) in orderMap"
 				:key="item.title" @tap="sheep.$router.go(item.path, { type: item.value })">
 				<uni-badge class="uni-badge-left-margin" :text="numData.orderCount[item.count]" absolute="rightTop"
-					size="small">
+					size="small" :type="state.themeType">
 					<image class="item-icon" :src="item.icon" mode="aspectFit" />
 				</uni-badge>
 				<view class="menu-title">{{ item.title }}</view>
diff --git a/uni_modules/uni-badge/components/uni-badge/uni-badge.vue b/uni_modules/uni-badge/components/uni-badge/uni-badge.vue
index 1981b4e..a4168b2 100644
--- a/uni_modules/uni-badge/components/uni-badge/uni-badge.vue
+++ b/uni_modules/uni-badge/components/uni-badge/uni-badge.vue
@@ -202,8 +202,8 @@
 		line-height: 18px;
 		color: #fff;
 		border-radius: 100px;
-		background-color: $uni-info;
-		background-color: transparent;
+		background-color: $uni-error;
+		// background-color: transparent;
 		border: 1px solid #fff;
 		text-align: center;
 		font-family: 'Helvetica Neue', Helvetica, sans-serif;
@@ -212,6 +212,26 @@
 		z-index: 999;
 		cursor: pointer;
 		/* #endif */
+		
+		&--lv {
+			color: #fff;
+			background:rgba(72,204,82);
+		}
+		
+		&--blue {
+			color: #fff;
+			background:rgba(28,165,233);
+		}
+		
+		&--pink {
+			color: #fff;
+			background:#ff448f ;
+		}
+		
+		&--orange {
+			color: #fff;
+			background:#fe5c2d;
+		}
 
 		&--info {
 			color: #fff;