|
98 | 98 |
|
99 | 99 | &--ribbon, |
100 | 100 | &--ribbon-right { |
101 | | - background: linear-gradient(45deg, transparent 50%, @badge-color 50%, @badge-color 82%, transparent 82%); |
| 101 | + background: linear-gradient(45deg, transparent 50%, @badge-color 50%, @badge-color 85%, transparent 85%); |
102 | 102 | } |
103 | 103 |
|
104 | 104 | &--triangle-right { |
|
111 | 111 | right: 0; |
112 | 112 |
|
113 | 113 | .@{prefix}-badge__count { |
114 | | - transform: rotate(45deg) translateY(calc(-1 * var(--td-line-height-mark-extraSmall, 32rpx) / 2 + 2rpx)); |
| 114 | + transform: rotate(45deg) translateY(calc(-1 * var(--td-line-height-mark-extraSmall, 32rpx) / 2 + 1rpx)); |
115 | 115 | } |
116 | 116 | } |
117 | 117 |
|
118 | 118 | &--ribbon-left { |
119 | | - background: linear-gradient(-45deg, transparent 50%, @badge-color 50%, @badge-color 82%, transparent 82%); |
| 119 | + background: linear-gradient(-45deg, transparent 50%, @badge-color 50%, @badge-color 85%, transparent 85%); |
120 | 120 | } |
121 | 121 |
|
122 | 122 | &--triangle-left { |
|
128 | 128 | left: 0; |
129 | 129 |
|
130 | 130 | .@{prefix}-badge__count { |
131 | | - transform: rotate(-45deg) translateY(calc(-1 * var(--td-line-height-mark-extraSmall, 32rpx) / 2 + 2rpx)); |
| 131 | + transform: rotate(-45deg) translateY(calc(-1 * var(--td-line-height-mark-extraSmall, 32rpx) / 2 + 1rpx)); |
132 | 132 | } |
133 | 133 | } |
134 | 134 |
|
|
151 | 151 | &--large&--triangle-left { |
152 | 152 | width: calc(@badge-large-height * 2); |
153 | 153 | height: calc(@badge-large-height * 2); |
| 154 | + padding: 0; |
154 | 155 | } |
155 | 156 |
|
156 | 157 | &--large&--ribbon, |
157 | 158 | &--large&--ribbon-right, |
158 | 159 | &--large&--triangle-right { |
159 | 160 | .@{prefix}-badge__count { |
160 | | - transform: rotate(45deg) translateY(calc(-1 * var(--td-line-height-mark-small, 40rpx) / 2 + 2rpx)); |
| 161 | + transform: rotate(45deg) translateY(calc(-1 * var(--td-line-height-mark-small, 40rpx) / 2 + 3rpx)); |
161 | 162 | } |
162 | 163 | } |
163 | 164 |
|
164 | 165 | &--large&--ribbon-left, |
165 | 166 | &--large&--triangle-left { |
166 | 167 | .@{prefix}-badge__count { |
167 | | - transform: rotate(-45deg) translateY(calc(-1 * var(--td-line-height-mark-small, 40rpx) / 2 + 2rpx)); |
| 168 | + transform: rotate(-45deg) translateY(calc(-1 * var(--td-line-height-mark-small, 40rpx) / 2 + 3rpx)); |
168 | 169 | } |
169 | 170 | } |
170 | 171 |
|
|
0 commit comments