diff --git a/packages/devui-vue/devui/badge/src/badge-types.ts b/packages/devui-vue/devui/badge/src/badge-types.ts
index ee212e5311..e8215c82b9 100644
--- a/packages/devui-vue/devui/badge/src/badge-types.ts
+++ b/packages/devui-vue/devui/badge/src/badge-types.ts
@@ -1,9 +1,9 @@
 import type { PropType, ExtractPropTypes } from 'vue';
 
-export type BadgeStatusType = 'danger' | 'warning' | 'waiting' | 'success' | 'info';
+export type BadgeStatusType = 'danger' | 'warning' | 'waiting' | 'success' | 'info' | 'common';
 export type BadgePositionType = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
 
-const badgeStatusType = ['danger', 'warning', 'waiting', 'success', 'info'];
+const badgeStatusType = ['danger', 'warning', 'waiting', 'success', 'info', 'common'];
 const badgePositionType = ['top-left', 'top-right', 'bottom-left', 'bottom-right'];
 
 export const badgeProps = {
diff --git a/packages/devui-vue/devui/badge/src/badge.scss b/packages/devui-vue/devui/badge/src/badge.scss
index 9f72576e39..e8ab08b92f 100644
--- a/packages/devui-vue/devui/badge/src/badge.scss
+++ b/packages/devui-vue/devui/badge/src/badge.scss
@@ -39,6 +39,11 @@
       background: $devui-info;
     }
 
+    &-common {
+      background: $devui-unavailable;
+      color: $devui-aide-text;
+    }
+
     &-top-left {
       left: 0;
       top: 0;
diff --git a/packages/devui-vue/docs/components/badge/index.md b/packages/devui-vue/docs/components/badge/index.md
index 5597e7fe30..2092fea73d 100644
--- a/packages/devui-vue/docs/components/badge/index.md
+++ b/packages/devui-vue/docs/components/badge/index.md
@@ -70,28 +70,27 @@
   <ul class="badge-list">
     <li class="badge-list-item">
       <span>系统消息</span>
-      <d-badge status="danger" :count="50"></d-badge>
+      <d-badge status="common" :count="50"></d-badge>
     </li>
     <li class="badge-list-item">
       <span>个人消息</span>
-      <d-badge status="info" :count="500"></d-badge>
+      <d-badge status="common" :count="500"></d-badge>
     </li>
   </ul>
 </template>
 
 <style>
 .badge-list {
-  width: 180px;
+  width: 200px;
   font-size: 14px;
+  background-color: var(--devui-base-bg, #fff);
+  box-shadow: var(--devui-shadow-length-base, 0 1px 4px 0) var(--devui-light-shadow, rgba(37, 43, 58, 0.2));
 }
 .badge-list-item {
   display: flex;
   justify-content: space-between;
   align-items: center;
-  padding: 4px 20px;
-  margin-bottom: 8px;
-  border-radius: 10px;
-  background-color: var(--devui-global-bg, #f3f6f8);
+  padding: 8px 16px;
 }
 </style>
 ```
@@ -179,7 +178,7 @@
 ### BadgeStatusType 类型
 
 ```typescript
-type BadgeStatusType = 'danger' | 'warning' | 'waiting' | 'success' | 'info';
+type BadgeStatusType = 'danger' | 'warning' | 'waiting' | 'success' | 'info' | 'common';
 ```
 
 ### BadgePositionType 类型