fix(签到详情页): 调整未读计数徽章位置避免遮挡
将徽章位置从 top-1 right-1 调整为 -top-2 -right-2,使其完全位于标签图标外部,避免与图标内容重叠导致视觉遮挡问题。
Showing
1 changed file
with
1 additions
and
1 deletions
| ... | @@ -89,7 +89,7 @@ | ... | @@ -89,7 +89,7 @@ |
| 89 | }]"> | 89 | }]"> |
| 90 | <van-icon :name="getIconName(option.key)" size="1.2rem" /> | 90 | <van-icon :name="getIconName(option.key)" size="1.2rem" /> |
| 91 | <span class="tab-text">{{ option.value }}</span> | 91 | <span class="tab-text">{{ option.value }}</span> |
| 92 | - <div v-if="getTypeCount(option.key) > 0" class="absolute top-1 right-1 bg-red-500 text-white text-[10px] rounded-full min-w-[16px] h-[16px] flex items-center justify-center px-1"> | 92 | + <div v-if="getTypeCount(option.key) > 0" class="absolute -top-2 -right-2 bg-red-500 text-white text-[10px] rounded-full min-w-[16px] h-[16px] flex items-center justify-center px-1"> |
| 93 | {{ getTypeCount(option.key) }} | 93 | {{ getTypeCount(option.key) }} |
| 94 | </div> | 94 | </div> |
| 95 | </div> | 95 | </div> | ... | ... |
-
Please register or login to post a comment