diff --git a/docs/mobile/api/badge.en-US.md b/docs/mobile/api/badge.en-US.md
new file mode 100644
index 0000000000..0dae6a2267
--- /dev/null
+++ b/docs/mobile/api/badge.en-US.md
@@ -0,0 +1,19 @@
+---
+title: Badge
+description: The Badge is used to notify the user of a state change in the area or the number of pending tasks.
+spline: base
+isComponent: true
+toc: false
+---
+
+### Badge Type
+
+{{ base }}
+
+### Badge Style
+
+{{ theme }}
+
+### Badge Size
+
+{{ size }}
\ No newline at end of file
diff --git a/docs/mobile/api/badge.md b/docs/mobile/api/badge.md
index 22f1f7b0c5..e9c86d6a61 100644
--- a/docs/mobile/api/badge.md
+++ b/docs/mobile/api/badge.md
@@ -6,14 +6,14 @@ isComponent: true
 toc: false
 ---
 
-### 普通徽标
+### 组件类型
 
 {{ base }}
 
-### 按钮徽标
+### 组件样式
 
-{{ button }}
+{{ theme }}
 
-### 单行徽标
+### 组件尺寸
 
-{{ cell }}
\ No newline at end of file
+{{ size }}
\ No newline at end of file
diff --git a/style/mobile/components/_index.less b/style/mobile/components/_index.less
index f466946e3d..f316d634b7 100644
--- a/style/mobile/components/_index.less
+++ b/style/mobile/components/_index.less
@@ -1,4 +1,4 @@
-@import "./badge/_index.less";
+// @import "./badge/_index.less";
 
 // @import "./button/_index.less";
 
diff --git a/style/mobile/components/badge/v2/_index.less b/style/mobile/components/badge/v2/_index.less
index c7b7f08898..6e992e5f92 100644
--- a/style/mobile/components/badge/v2/_index.less
+++ b/style/mobile/components/badge/v2/_index.less
@@ -43,9 +43,16 @@
       top: 0;
       right: 0;
     }
+  }
+
+  &--ribbon {
+    display: inline-block;
+    transform: rotate(45deg);
+    border-radius: 0;
+    // padding: 0;
 
-    &--before,
-    &--after {
+    &::before,
+    &::after {
       content: "";
       position: absolute;
       width: 0;
@@ -54,24 +61,17 @@
       border-bottom: @badge-basic-height solid @badge-color;
     }
 
-    &--before {
+    &::before {
       left: calc(-1 * @badge-basic-height + .5px);
       border-left: @badge-basic-height solid transparent;
     }
 
-    &--after {
+    &::after {
       right: calc(-1 * @badge-basic-height + .5px);
       border-right: @badge-basic-height solid transparent;
     }
   }
 
-  &--ribbon {
-    display: inline-block;
-    transform: rotate(45deg);
-    border-radius: 0;
-    // padding: 0;
-  }
-
   &--bubble {
     border-radius: @border-bubble-border-radius;
   }