fix: fix cr

Author: anlyyao

packages/components/badge/__test__/__snapshots__/demo.test.js.snap

@@ -251,6 +251,22 @@ exports[`Badge Badge theme demo works fine 1`] = `
   >
     角标
   </wx-view>
+  <t-cell
+    tClass="t-class-cell"
+    title="单行标题"
+  >
+    <t-badge
+      count="NEW"
+      offset="{{
+        Array [
+          0,
+          0,
+        ]
+      }}"
+      shape="ribbon-left"
+      slot="note"
+    />
+  </t-cell>
   <t-cell
     tClass="t-class-cell"
     title="单行标题"
@@ -273,6 +289,22 @@ exports[`Badge Badge theme demo works fine 1`] = `
   >
     三角角标
   </wx-view>
+  <t-cell
+    tClass="t-class-cell"
+    title="单行标题"
+  >
+    <t-badge
+      count="NEW"
+      offset="{{
+        Array [
+          0,
+          0,
+        ]
+      }}"
+      shape="triangle-left"
+      slot="note"
+    />
+  </t-cell>
   <t-cell
     tClass="t-class-cell"
     title="单行标题"

packages/components/badge/_example/theme/index.wxml

@@ -27,11 +27,17 @@
 </view>
 
 <view class="demo-desc" style="margin-bottom: 32rpx">角标</view>
+<t-cell title="单行标题" t-class="t-class-cell">
+  <t-badge count="NEW" offset="{{skylineRender ? ['-18rpx', '-32rpx']: [0, 0]}}" shape="ribbon-left" slot="note" />
+</t-cell>
 <t-cell title="单行标题" t-class="t-class-cell">
   <t-badge count="NEW" offset="{{skylineRender ? ['-18rpx', '-32rpx']: [0, 0]}}" shape="ribbon" slot="note" />
 </t-cell>
 
 <view class="demo-desc" style="margin-bottom: 32rpx">三角角标</view>
+<t-cell title="单行标题" t-class="t-class-cell">
+  <t-badge count="NEW" offset="{{skylineRender ? ['-24rpx', '-32rpx']: [0, 0]}}" shape="triangle-left" slot="note" />
+</t-cell>
 <t-cell title="单行标题" t-class="t-class-cell">
   <t-badge count="NEW" offset="{{skylineRender ? ['-24rpx', '-32rpx']: [0, 0]}}" shape="triangle-right" slot="note" />
 </t-cell>

packages/components/badge/badge.less

@@ -98,7 +98,7 @@
 
   &--ribbon,
   &--ribbon-right {
-    background: linear-gradient(45deg, transparent 50%, @badge-color 50%, @badge-color 82%, transparent 82%);
+    background: linear-gradient(45deg, transparent 50%, @badge-color 50%, @badge-color 85%, transparent 85%);
   }
 
   &--triangle-right {
@@ -111,12 +111,12 @@
     right: 0;
 
     .@{prefix}-badge__count {
-      transform: rotate(45deg) translateY(calc(-1 * var(--td-line-height-mark-extraSmall, 32rpx) / 2 + 2rpx));
+      transform: rotate(45deg) translateY(calc(-1 * var(--td-line-height-mark-extraSmall, 32rpx) / 2 + 1rpx));
     }
   }
 
   &--ribbon-left {
-    background: linear-gradient(-45deg, transparent 50%, @badge-color 50%, @badge-color 82%, transparent 82%);
+    background: linear-gradient(-45deg, transparent 50%, @badge-color 50%, @badge-color 85%, transparent 85%);
   }
 
   &--triangle-left {
@@ -128,7 +128,7 @@
     left: 0;
 
     .@{prefix}-badge__count {
-      transform: rotate(-45deg) translateY(calc(-1 * var(--td-line-height-mark-extraSmall, 32rpx) / 2 + 2rpx));
+      transform: rotate(-45deg) translateY(calc(-1 * var(--td-line-height-mark-extraSmall, 32rpx) / 2 + 1rpx));
     }
   }
 
@@ -151,20 +151,21 @@
   &--large&--triangle-left {
     width: calc(@badge-large-height * 2);
     height: calc(@badge-large-height * 2);
+    padding: 0;
   }
 
   &--large&--ribbon,
   &--large&--ribbon-right,
   &--large&--triangle-right {
     .@{prefix}-badge__count {
-      transform: rotate(45deg) translateY(calc(-1 * var(--td-line-height-mark-small, 40rpx) / 2 + 2rpx));
+      transform: rotate(45deg) translateY(calc(-1 * var(--td-line-height-mark-small, 40rpx) / 2 + 3rpx));
     }
   }
 
   &--large&--ribbon-left,
   &--large&--triangle-left {
     .@{prefix}-badge__count {
-      transform: rotate(-45deg) translateY(calc(-1 * var(--td-line-height-mark-small, 40rpx) / 2 + 2rpx));
+      transform: rotate(-45deg) translateY(calc(-1 * var(--td-line-height-mark-small, 40rpx) / 2 + 3rpx));
     }
   }