feat: 列表，星级开发区icon

src/components/detail/DetailMain.vue

@@ -23,11 +23,6 @@
             {{ currentStatusTag.name }}
           </div>
         </div>
-        <div v-if="superTag" class="ml-2">
-          <div :class="['status-tag', superTag.className]">
-            {{ superTag.name }}
-          </div>
-        </div>
       </div>
       <!-- main content -->
       <div class="mt-4 flex">
@@ -140,7 +135,7 @@ const props = withDefaults(
   {},
 );
 
-const { currentStatusTag, superTag } = useItemStatus(props.detail);
+const { currentStatusTag } = useItemStatus(props.detail);
 const { open } = useJump();
 
 const isLand = computed(() => {

src/components/list/ParkItem.vue

 <template>
   <div v-if="item">
     <div class="flex min-h-[156px]">
-      <div @click="handleDetail">
+      <div class="relative" @click="handleDetail">
         <CommonImage
           class="h-[156px] w-[208px] cursor-pointer rounded-sm"
           :src="item.imgUrl"
           :alt="isDevelop ? '开发区' : '产业园'"
         />
+        <div
+          v-if="item.isSuper"
+          class="absolute left-0 top-0 z-10 flex h-[26px] w-[94px] items-center justify-center rounded-br-sm rounded-tl-sm bg-[#C0322B] text-sm font-semibold text-white"
+        >
+          星级开发区
+        </div>
       </div>
       <div class="ml-4 max-w-[576px] py-2">
         <div class="flex items-center">
@@ -21,11 +27,6 @@
               {{ currentStatusTag.name }}
             </div>
           </div>
-          <div v-if="superTag" class="ml-2 flex-none">
-            <div :class="['status-tag', superTag.className]">
-              {{ superTag.name }}
-            </div>
-          </div>
         </div>
         <div class="mt-[17px] flex items-center font-yahei text-sm leading-5 text-[#4d4d4d]">
           <img class="mr-1 h-4 w-4" src="@/assets/images/icon-local.png" alt="" />
@@ -33,7 +34,7 @@
             {{ filterAddress(item) }}
           </div>
         </div>
-        <div class="mt-4">
+        <div class="mt-4 pl-5">
           <ListInfo :infos="infos"></ListInfo>
         </div>
         <div class="mt-[17px] flex flex-wrap gap-[13px]">
@@ -68,7 +69,7 @@ const emit = defineEmits<{
   'to-detail': [];
 }>();
 
-const { currentStatusTag, superTag } = useItemStatus(props.item);
+const { currentStatusTag } = useItemStatus(props.item);
 
 /** 最大展示招商方向数量 */
 const MAX_DIRECTION_COUNT = 3;

src/composable/useItemStatus.ts

@@ -20,28 +20,13 @@ export function useItemStatus(item: {
       className: 'text-[#0EBD92] bg-[#0EBD9214]',
     },
   };
-  /** 星级园区配置 */
-  const superStarConfig = {
-    className: 'text-[#ffb540] bg-[#ffb54014]',
-  };
 
   /** 当前状态标签 */
   const currentStatusTag = computed(() => {
     return item.status ? { ...statusConfig[item.status], name: item.statusName } : null;
   });
 
-  /** 星级开发区标签 */
-  const superTag = computed(() => {
-    return item.isSuper === 1
-      ? {
-          ...superStarConfig,
-          name: item.isSuperName || '星级开发区',
-        }
-      : null;
-  });
-
   return {
     currentStatusTag,
-    superTag,
   };
 }