feat(Badge): update style

Tencent · Aug 22, 2024 · fa73d73 · fa73d73
1 parent 68cdc16
commit fa73d73
Showing 1 changed file with 13 additions and 13 deletions.
diff --git 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 {
-      left: calc(-1 * @badge-basic-height + .5px);
+    &::before {
+      left: calc(-1 * @badge-basic-height + 0.5px);
       border-left: @badge-basic-height solid transparent;
     }
 
-    &--after {
-      right: calc(-1 * @badge-basic-height + .5px);
+    &::after {
+      right: calc(-1 * @badge-basic-height + 0.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;
   }