feat: 默认图片修改

src/components/common/CommonImage.vue

@@ -12,10 +12,14 @@
 
 <script setup lang="ts">
 import defaultPicIcon from '@/assets/images/default-pic.png';
-import defaultParkPic from '@/assets/images/default-pic__park.png';
-import defaultDevelopPic from '@/assets/images/default-pic__develop.png';
-import defaultCarrierPic from '@/assets/images/default-pic__carrier.png';
-import defaultLandPic from '@/assets/images/default-pic__land.png';
+import defaultParkPic from '@/assets/images/default-pic/default-pic__park.png';
+import defaultDevelopPic from '@/assets/images/default-pic/default-pic__develop.png';
+import defaultCarrierPic from '@/assets/images/default-pic/default-pic__carrier.png';
+import defaultLandPic from '@/assets/images/default-pic/default-pic__land.png';
+import defaultParkDetailPic from '@/assets/images/default-pic/default-pic__park-detail.png';
+import defaultDevelopDetailPic from '@/assets/images/default-pic/default-pic__develop-detail.png';
+import defaultCarrierDetailPic from '@/assets/images/default-pic/default-pic__carrier-detail.png';
+import defaultLandDetailPic from '@/assets/images/default-pic/default-pic__land-detail.png';
 import { DetailType } from '@/types/enum.ts';
 import { computed } from 'vue';
 
@@ -24,25 +28,32 @@ const props = withDefaults(
     src?: string | null;
     defaultPic?: string;
     type?: DetailType | null;
+    isDetail?: boolean;
   }>(),
   {
     src: null,
     defaultPic: defaultPicIcon,
     type: null,
+    isDetail: false,
   },
 );
 
 const emit = defineEmits(['click']);
 
 const currentdefault = computed(() => {
-  const config: Record<DetailType, string> = {
-    [DetailType.carrier]: defaultCarrierPic,
-    [DetailType.land]: defaultLandPic,
-    [DetailType.industrial]: defaultParkPic,
-    [DetailType.develop]: defaultDevelopPic,
-    [DetailType.startDevelop]: defaultDevelopPic,
+  const config: Record<DetailType, [string, string]> = {
+    [DetailType.carrier]: [defaultCarrierPic, defaultCarrierDetailPic],
+    [DetailType.land]: [defaultLandPic, defaultLandDetailPic],
+    [DetailType.industrial]: [defaultParkPic, defaultParkDetailPic],
+    [DetailType.develop]: [defaultDevelopPic, defaultDevelopDetailPic],
+    [DetailType.startDevelop]: [defaultDevelopPic, defaultDevelopDetailPic],
   };
-  return props.type ? config[props.type] : defaultPicIcon;
+  if (props.type) {
+    const [normal, special] = config[props.type];
+    return props.isDetail ? special : normal;
+  } else {
+    return defaultPicIcon;
+  }
 });
 
 const formatedSrc = computed(() => {

src/components/common/ImageList.vue

@@ -12,6 +12,7 @@
           <CommonImage
             class="h-[434px] w-full"
             :class="{ 'cursor-pointer': image?.href }"
+            is-detail
             :src="image?.url"
             :type="detailType"
             @click="handleClick(image?.href)"
@@ -37,6 +38,7 @@
             <CommonImage
               class="h-[92px] w-[130px] cursor-pointer rounded"
               :class="{ 'border border-[#2878ff] p-1': index === currentIndex }"
+              is-detail
               :src="image.url"
               :type="detailType"
             />