hookehuyr

fix(签到详情页): 调整未读计数徽章位置避免遮挡

将徽章位置从 top-1 right-1 调整为 -top-2 -right-2,使其完全位于标签图标外部,避免与图标内容重叠导致视觉遮挡问题。
...@@ -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>
......