feat: 开发区下的列表展示vricon

src/components/detail/MiniListItem.vue

 <!-- 产业园、开发区内的载体、土地项 -->
 <template>
   <div v-if="detail" class="w-[274px]">
-    <div @click="handleDetail">
+    <div class="relative text-[0px]" @click="handleDetail">
       <CommonImage
         class="h-[204px] w-full cursor-pointer rounded-sm"
         :src="detail.imgUrl"
         :type="detailType"
       />
+      <div v-if="detail.isVr" class="absolute bottom-2 left-2">
+        <img class="h-[45px] w-[45px] rounded-[50%]" src="@/assets/images/vr-icon.png" />
+      </div>
     </div>
     <div
       class="ell2 mt-3 cursor-pointer font-yahei text-lg leading-6 text-[#1A1A1A]"
@@ -28,6 +31,7 @@ export interface MiniDetail {
   name: string;
   info: string;
   id: number;
+  isVr?: number;
 }
 withDefaults(
   defineProps<{

src/views/develop/DevelopZoneDetail.vue

@@ -325,8 +325,10 @@ const industryFund = computed(() => {
 /** 产业园列表 */
 const industrials = computed(() => {
   if (detail.value) {
-    return detail.value.parkPageList.map(({ imgUrl, name, levelName, coverArea, id }) => {
+    return detail.value.parkPageList.map((item) => {
+      const { imgUrl, name, levelName, coverArea, id } = item;
       return {
+        ...item,
         imgUrl,
         name,
         info: [levelName, coverArea ? `${coverArea}亩` : ''].filter(haveValue).join(' | '),
@@ -341,8 +343,10 @@ const industrials = computed(() => {
 /** 开发区列表 */
 const lands = computed(() => {
   if (detail.value) {
-    return detail.value.landPageList.map(({ name, imgUrl, area, type, id }) => {
+    return detail.value.landPageList.map((item) => {
+      const { name, imgUrl, area, type, id } = item;
       return {
+        ...item,
         imgUrl,
         name,
         info: [type, area ? `${area}亩` : ''].filter(haveValue).join(' | '),

src/views/industrial-park/IndustrialParkDetail.vue

@@ -269,8 +269,10 @@ const enterprises = computed(() => {
 /** 产业园内载体列表 */
 const carriers = computed<MiniDetail[]>(() => {
   if (detail.value) {
-    return detail.value.parkCarrier.map(({ imgUrl, type, area, name, id }) => {
+    return detail.value.parkCarrier.map((item) => {
+      const { imgUrl, type, area, name, id } = item;
       return {
+        ...item,
         imgUrl,
         name,
         info: [area ? `${area}㎡` : '', type].filter(haveValue).join(' | '),