Преглед на файлове

feat(status-tag): unify tag style with Tailwind classes

xuyunhui преди 1 седмица
родител
ревизия
9bdd765e7f
променени са 1 файла, в които са добавени 2 реда и са изтрити 9 реда
  1. 2 9
      src/components/common/StatusTag.vue

+ 2 - 9
src/components/common/StatusTag.vue

@@ -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>