@@ -1,5 +1,5 @@
<template>
- <view class="tag" :style="{ backgroundColor: bgColor, color: textColor }">
+ <view class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium" :style="{ backgroundColor: bgColor, color: textColor }">
{{ label }}
</view>
</template>
@@ -36,12 +36,5 @@ const bgColor = computed(() => getStatusBgColor(props.status))
</script>
<style scoped>
-.tag {
- display: inline-block;
- padding: 2px 8px;
- border-radius: 4px;
- font-size: 12px;
- font-weight: 500;
- line-height: 1.4;
-}
+/* Tailwind 工具类已覆盖 */
</style>