diff --git a/src/assets/img/all_case/01.jpg b/src/assets/img/all_case/01.jpg
new file mode 100644
index 0000000..42ee6b2
Binary files /dev/null and b/src/assets/img/all_case/01.jpg differ
diff --git a/src/assets/img/all_case/02.jpg b/src/assets/img/all_case/02.jpg
new file mode 100644
index 0000000..833962c
Binary files /dev/null and b/src/assets/img/all_case/02.jpg differ
diff --git a/src/assets/img/all_case/03.jpg b/src/assets/img/all_case/03.jpg
new file mode 100644
index 0000000..8483897
Binary files /dev/null and b/src/assets/img/all_case/03.jpg differ
diff --git a/src/assets/img/all_case/04.jpg b/src/assets/img/all_case/04.jpg
new file mode 100644
index 0000000..6e45e15
Binary files /dev/null and b/src/assets/img/all_case/04.jpg differ
diff --git a/src/assets/img/all_case/05.jpg b/src/assets/img/all_case/05.jpg
new file mode 100644
index 0000000..d264186
Binary files /dev/null and b/src/assets/img/all_case/05.jpg differ
diff --git a/src/assets/img/all_case/06.jpg b/src/assets/img/all_case/06.jpg
new file mode 100644
index 0000000..44c4104
Binary files /dev/null and b/src/assets/img/all_case/06.jpg differ
diff --git a/src/assets/img/all_case/07.jpg b/src/assets/img/all_case/07.jpg
new file mode 100644
index 0000000..c5de29f
Binary files /dev/null and b/src/assets/img/all_case/07.jpg differ
diff --git a/src/assets/img/all_case/08.jpg b/src/assets/img/all_case/08.jpg
new file mode 100644
index 0000000..8c756c2
Binary files /dev/null and b/src/assets/img/all_case/08.jpg differ
diff --git a/src/assets/img/all_case/09.jpg b/src/assets/img/all_case/09.jpg
new file mode 100644
index 0000000..6b80a61
Binary files /dev/null and b/src/assets/img/all_case/09.jpg differ
diff --git a/src/assets/img/all_case/10.jpg b/src/assets/img/all_case/10.jpg
new file mode 100644
index 0000000..4b66297
Binary files /dev/null and b/src/assets/img/all_case/10.jpg differ
diff --git a/src/assets/img/all_case/11.jpg b/src/assets/img/all_case/11.jpg
new file mode 100644
index 0000000..a2261a1
Binary files /dev/null and b/src/assets/img/all_case/11.jpg differ
diff --git a/src/assets/img/all_case/12.jpg b/src/assets/img/all_case/12.jpg
new file mode 100644
index 0000000..a7db9cf
Binary files /dev/null and b/src/assets/img/all_case/12.jpg differ
diff --git a/src/assets/img/all_case/13.jpg b/src/assets/img/all_case/13.jpg
new file mode 100644
index 0000000..c91f198
Binary files /dev/null and b/src/assets/img/all_case/13.jpg differ
diff --git a/src/assets/img/all_case/14.jpg b/src/assets/img/all_case/14.jpg
new file mode 100644
index 0000000..788b2ed
Binary files /dev/null and b/src/assets/img/all_case/14.jpg differ
diff --git a/src/assets/img/all_case/15.jpg b/src/assets/img/all_case/15.jpg
new file mode 100644
index 0000000..f98f2de
Binary files /dev/null and b/src/assets/img/all_case/15.jpg differ
diff --git a/src/assets/img/all_case/16.jpg b/src/assets/img/all_case/16.jpg
new file mode 100644
index 0000000..7fb024d
Binary files /dev/null and b/src/assets/img/all_case/16.jpg differ
diff --git a/src/assets/img/all_case/17.jpg b/src/assets/img/all_case/17.jpg
new file mode 100644
index 0000000..e5526c9
Binary files /dev/null and b/src/assets/img/all_case/17.jpg differ
diff --git a/src/assets/img/all_case/18.jpg b/src/assets/img/all_case/18.jpg
new file mode 100644
index 0000000..f030328
Binary files /dev/null and b/src/assets/img/all_case/18.jpg differ
diff --git a/src/assets/img/all_case/19.jpg b/src/assets/img/all_case/19.jpg
new file mode 100644
index 0000000..046be9d
Binary files /dev/null and b/src/assets/img/all_case/19.jpg differ
diff --git a/src/assets/img/all_case/20.jpg b/src/assets/img/all_case/20.jpg
new file mode 100644
index 0000000..e043672
Binary files /dev/null and b/src/assets/img/all_case/20.jpg differ
diff --git a/src/assets/img/all_case/21.jpg b/src/assets/img/all_case/21.jpg
new file mode 100644
index 0000000..60f3f6f
Binary files /dev/null and b/src/assets/img/all_case/21.jpg differ
diff --git a/src/assets/img/all_case/22.jpg b/src/assets/img/all_case/22.jpg
new file mode 100644
index 0000000..69032f9
Binary files /dev/null and b/src/assets/img/all_case/22.jpg differ
diff --git a/src/assets/img/all_case/23.jpg b/src/assets/img/all_case/23.jpg
new file mode 100644
index 0000000..03d5665
Binary files /dev/null and b/src/assets/img/all_case/23.jpg differ
diff --git a/src/assets/img/all_case/24.jpg b/src/assets/img/all_case/24.jpg
new file mode 100644
index 0000000..a7574fb
Binary files /dev/null and b/src/assets/img/all_case/24.jpg differ
diff --git a/src/assets/img/all_case/25.jpg b/src/assets/img/all_case/25.jpg
new file mode 100644
index 0000000..510ac6a
Binary files /dev/null and b/src/assets/img/all_case/25.jpg differ
diff --git a/src/assets/img/all_case/26.jpg b/src/assets/img/all_case/26.jpg
new file mode 100644
index 0000000..a7574fb
Binary files /dev/null and b/src/assets/img/all_case/26.jpg differ
diff --git a/src/assets/img/all_case/27.jpg b/src/assets/img/all_case/27.jpg
new file mode 100644
index 0000000..d2f2ada
Binary files /dev/null and b/src/assets/img/all_case/27.jpg differ
diff --git a/src/assets/img/all_case/28.jpg b/src/assets/img/all_case/28.jpg
new file mode 100644
index 0000000..03d5665
Binary files /dev/null and b/src/assets/img/all_case/28.jpg differ
diff --git a/src/assets/img/all_case/29.jpg b/src/assets/img/all_case/29.jpg
new file mode 100644
index 0000000..c438022
Binary files /dev/null and b/src/assets/img/all_case/29.jpg differ
diff --git a/src/assets/img/all_case/30.jpg b/src/assets/img/all_case/30.jpg
new file mode 100644
index 0000000..8cb5995
Binary files /dev/null and b/src/assets/img/all_case/30.jpg differ
diff --git a/src/assets/img/all_case/31.jpg b/src/assets/img/all_case/31.jpg
new file mode 100644
index 0000000..10e701b
Binary files /dev/null and b/src/assets/img/all_case/31.jpg differ
diff --git a/src/assets/img/all_case/32.jpg b/src/assets/img/all_case/32.jpg
new file mode 100644
index 0000000..21ca890
Binary files /dev/null and b/src/assets/img/all_case/32.jpg differ
diff --git a/src/assets/img/all_case/33.jpg b/src/assets/img/all_case/33.jpg
new file mode 100644
index 0000000..368df2c
Binary files /dev/null and b/src/assets/img/all_case/33.jpg differ
diff --git a/src/assets/img/all_case/34.jpg b/src/assets/img/all_case/34.jpg
new file mode 100644
index 0000000..3013d16
Binary files /dev/null and b/src/assets/img/all_case/34.jpg differ
diff --git a/src/assets/img/all_case/35.jpg b/src/assets/img/all_case/35.jpg
new file mode 100644
index 0000000..cd6061f
Binary files /dev/null and b/src/assets/img/all_case/35.jpg differ
diff --git a/src/assets/img/all_case/36.jpg b/src/assets/img/all_case/36.jpg
new file mode 100644
index 0000000..ee5fdd5
Binary files /dev/null and b/src/assets/img/all_case/36.jpg differ
diff --git a/src/assets/img/all_case/37.jpg b/src/assets/img/all_case/37.jpg
new file mode 100644
index 0000000..811517b
Binary files /dev/null and b/src/assets/img/all_case/37.jpg differ
diff --git a/src/assets/img/all_case/38.jpg b/src/assets/img/all_case/38.jpg
new file mode 100644
index 0000000..c83dba8
Binary files /dev/null and b/src/assets/img/all_case/38.jpg differ
diff --git a/src/assets/img/all_case/39.jpg b/src/assets/img/all_case/39.jpg
new file mode 100644
index 0000000..c2b2d80
Binary files /dev/null and b/src/assets/img/all_case/39.jpg differ
diff --git a/src/assets/img/all_case/40.jpg b/src/assets/img/all_case/40.jpg
new file mode 100644
index 0000000..daffe90
Binary files /dev/null and b/src/assets/img/all_case/40.jpg differ
diff --git a/src/assets/img/all_case/41.jpg b/src/assets/img/all_case/41.jpg
new file mode 100644
index 0000000..e21bc1b
Binary files /dev/null and b/src/assets/img/all_case/41.jpg differ
diff --git a/src/assets/img/all_case/42.jpg b/src/assets/img/all_case/42.jpg
new file mode 100644
index 0000000..f428327
Binary files /dev/null and b/src/assets/img/all_case/42.jpg differ
diff --git a/src/assets/img/all_case/43.jpg b/src/assets/img/all_case/43.jpg
new file mode 100644
index 0000000..f994841
Binary files /dev/null and b/src/assets/img/all_case/43.jpg differ
diff --git a/src/assets/img/all_case/44.jpg b/src/assets/img/all_case/44.jpg
new file mode 100644
index 0000000..7399dee
Binary files /dev/null and b/src/assets/img/all_case/44.jpg differ
diff --git a/src/assets/img/all_case/45.jpg b/src/assets/img/all_case/45.jpg
new file mode 100644
index 0000000..34ca949
Binary files /dev/null and b/src/assets/img/all_case/45.jpg differ
diff --git a/src/assets/img/all_case/46.jpg b/src/assets/img/all_case/46.jpg
new file mode 100644
index 0000000..8cfaf0e
Binary files /dev/null and b/src/assets/img/all_case/46.jpg differ
diff --git a/src/assets/img/all_case/47.jpg b/src/assets/img/all_case/47.jpg
new file mode 100644
index 0000000..74af84c
Binary files /dev/null and b/src/assets/img/all_case/47.jpg differ
diff --git a/src/assets/img/all_case/48.jpg b/src/assets/img/all_case/48.jpg
new file mode 100644
index 0000000..800a755
Binary files /dev/null and b/src/assets/img/all_case/48.jpg differ
diff --git a/src/assets/img/all_case/49.jpg b/src/assets/img/all_case/49.jpg
new file mode 100644
index 0000000..412e5ad
Binary files /dev/null and b/src/assets/img/all_case/49.jpg differ
diff --git a/src/assets/img/all_case/50.jpg b/src/assets/img/all_case/50.jpg
new file mode 100644
index 0000000..ad9f823
Binary files /dev/null and b/src/assets/img/all_case/50.jpg differ
diff --git a/src/assets/img/all_case/51.jpg b/src/assets/img/all_case/51.jpg
new file mode 100644
index 0000000..8c313a2
Binary files /dev/null and b/src/assets/img/all_case/51.jpg differ
diff --git a/src/assets/img/all_case/52.jpg b/src/assets/img/all_case/52.jpg
new file mode 100644
index 0000000..b2bc7db
Binary files /dev/null and b/src/assets/img/all_case/52.jpg differ
diff --git a/src/assets/img/all_case/53.jpg b/src/assets/img/all_case/53.jpg
new file mode 100644
index 0000000..14c86b2
Binary files /dev/null and b/src/assets/img/all_case/53.jpg differ
diff --git a/src/assets/img/all_case/54.jpg b/src/assets/img/all_case/54.jpg
new file mode 100644
index 0000000..125c04f
Binary files /dev/null and b/src/assets/img/all_case/54.jpg differ
diff --git a/src/assets/img/all_case/55.jpg b/src/assets/img/all_case/55.jpg
new file mode 100644
index 0000000..2d561fe
Binary files /dev/null and b/src/assets/img/all_case/55.jpg differ
diff --git a/src/assets/img/all_case/56.jpg b/src/assets/img/all_case/56.jpg
new file mode 100644
index 0000000..34cf1fc
Binary files /dev/null and b/src/assets/img/all_case/56.jpg differ
diff --git a/src/common/test.js b/src/common/test.js
index fc68b67..631fead 100644
--- a/src/common/test.js
+++ b/src/common/test.js
@@ -1,7 +1,8 @@
 for (let i = 1; i < 57; i++) {
-  if (i < 10) {
-    console.log(`import A${i} from '@/assets/img/all_case/0${i}.jpg'`)
-  } else {
-    console.log(`import A${i} from '@/assets/img/all_case/${i}.jpg'`)
-  }
+  console.log(`{
+      id: '${i}',
+      picUrl: A${i},
+      example_id: '1',
+      industry_id: '1',
+    },`)
 }
diff --git a/src/mock/case.js b/src/mock/case.js
index af45f72..181c916 100644
--- a/src/mock/case.js
+++ b/src/mock/case.js
@@ -483,4 +483,334 @@ export const allCaseList = [
     example_id: '1',
     industry_id: '1',
   },
+  {
+    id: '2',
+    picUrl: A2,
+    example_id: '2',
+    industry_id: '1',
+  },
+  {
+    id: '3',
+    picUrl: A3,
+    example_id: '3',
+    industry_id: '1',
+  },
+  {
+    id: '4',
+    picUrl: A4,
+    example_id: '4',
+    industry_id: '1',
+  },
+  {
+    id: '5',
+    picUrl: A5,
+    example_id: '1',
+    industry_id: '2',
+  },
+  {
+    id: '6',
+    picUrl: A6,
+    example_id: '2',
+    industry_id: '2',
+  },
+  {
+    id: '7',
+    picUrl: A7,
+    example_id: '3',
+    industry_id: '2',
+  },
+  {
+    id: '8',
+    picUrl: A8,
+    example_id: '4',
+    industry_id: '2',
+  },
+  {
+    id: '9',
+    picUrl: A9,
+    example_id: '5',
+    industry_id: '2',
+  },
+  {
+    id: '10',
+    picUrl: A10,
+    example_id: '6',
+    industry_id: '2',
+  },
+  {
+    id: '11',
+    picUrl: A11,
+    example_id: '7',
+    industry_id: '2',
+  },
+  {
+    id: '12',
+    picUrl: A12,
+    example_id: '8',
+    industry_id: '2',
+  },
+  {
+    id: '13',
+    picUrl: A13,
+    example_id: '9',
+    industry_id: '2',
+  },
+  {
+    id: '14',
+    picUrl: A14,
+    example_id: '1',
+    industry_id: '3',
+  },
+  {
+    id: '15',
+    picUrl: A15,
+    example_id: '2',
+    industry_id: '3',
+  },
+  {
+    id: '16',
+    picUrl: A16,
+    example_id: '3',
+    industry_id: '3',
+  },
+  {
+    id: '17',
+    picUrl: A17,
+    example_id: '4',
+    industry_id: '3',
+  },
+  {
+    id: '18',
+    picUrl: A18,
+    example_id: '5',
+    industry_id: '3',
+  },
+  {
+    id: '19',
+    picUrl: A19,
+    example_id: '6',
+    industry_id: '3',
+  },
+  {
+    id: '20',
+    picUrl: A20,
+    example_id: '7',
+    industry_id: '3',
+  },
+  {
+    id: '21',
+    picUrl: A21,
+    example_id: '8',
+    industry_id: '3',
+  },
+  {
+    id: '22',
+    picUrl: A22,
+    example_id: '1',
+    industry_id: '4',
+  },
+  {
+    id: '23',
+    picUrl: A23,
+    example_id: '2',
+    industry_id: '4',
+  },
+  {
+    id: '24',
+    picUrl: A24,
+    example_id: '3',
+    industry_id: '4',
+  },
+  {
+    id: '25',
+    picUrl: A25,
+    example_id: '4',
+    industry_id: '4',
+  },
+  {
+    id: '26',
+    picUrl: A26,
+    example_id: '1',
+    industry_id: '5',
+  },
+  {
+    id: '27',
+    picUrl: A27,
+    example_id: '2',
+    industry_id: '5',
+  },
+  {
+    id: '28',
+    picUrl: A28,
+    example_id: '3',
+    industry_id: '5',
+  },
+  {
+    id: '29',
+    picUrl: A29,
+    example_id: '4',
+    industry_id: '5',
+  },
+  {
+    id: '30',
+    picUrl: A30,
+    example_id: '5',
+    industry_id: '5',
+  },
+  {
+    id: '31',
+    picUrl: A31,
+    example_id: '1',
+    industry_id: '6',
+  },
+  {
+    id: '32',
+    picUrl: A32,
+    example_id: '2',
+    industry_id: '6',
+  },
+  {
+    id: '33',
+    picUrl: A33,
+    example_id: '3',
+    industry_id: '6',
+  },
+  {
+    id: '34',
+    picUrl: A34,
+    example_id: '1',
+    industry_id: '7',
+  },
+  {
+    id: '35',
+    picUrl: A35,
+    example_id: '2',
+    industry_id: '7',
+  },
+  {
+    id: '36',
+    picUrl: A36,
+    example_id: '3',
+    industry_id: '7',
+  },
+  {
+    id: '37',
+    picUrl: A37,
+    example_id: '4',
+    industry_id: '7',
+  },
+  {
+    id: '38',
+    picUrl: A38,
+    example_id: '5',
+    industry_id: '7',
+  },
+  {
+    id: '39',
+    picUrl: A39,
+    example_id: '6',
+    industry_id: '7',
+  },
+  {
+    id: '40',
+    picUrl: A40,
+    example_id: '7',
+    industry_id: '7',
+  },
+  {
+    id: '41',
+    picUrl: A41,
+    example_id: '8',
+    industry_id: '7',
+  },
+  {
+    id: '42',
+    picUrl: A42,
+    example_id: '9',
+    industry_id: '7',
+  },
+  {
+    id: '43',
+    picUrl: A43,
+    example_id: '10',
+    industry_id: '7',
+  },
+  {
+    id: '44',
+    picUrl: A44,
+    example_id: '11',
+    industry_id: '7',
+  },
+  {
+    id: '45',
+    picUrl: A45,
+    example_id: '12',
+    industry_id: '7',
+  },
+  {
+    id: '46',
+    picUrl: A46,
+    example_id: '1',
+    industry_id: '8',
+  },
+  {
+    id: '47',
+    picUrl: A47,
+    example_id: '2',
+    industry_id: '8',
+  },
+  {
+    id: '48',
+    picUrl: A48,
+    example_id: '3',
+    industry_id: '8',
+  },
+  {
+    id: '49',
+    picUrl: A49,
+    example_id: '4',
+    industry_id: '8',
+  },
+  {
+    id: '50',
+    picUrl: A50,
+    example_id: '5',
+    industry_id: '8',
+  },
+  {
+    id: '51',
+    picUrl: A51,
+    example_id: '1',
+    industry_id: '9',
+  },
+  {
+    id: '52',
+    picUrl: A52,
+    example_id: '2',
+    industry_id: '9',
+  },
+  {
+    id: '53',
+    picUrl: A53,
+    example_id: '3',
+    industry_id: '9',
+  },
+  {
+    id: '54',
+    picUrl: A54,
+    example_id: '4',
+    industry_id: '9',
+  },
+  {
+    id: '55',
+    picUrl: A55,
+    example_id: '5',
+    industry_id: '9',
+  },
+  {
+    id: '56',
+    picUrl: A56,
+    example_id: '6',
+    industry_id: '9',
+  },
 ]
diff --git a/src/mock/case_detail/08.js b/src/mock/case_detail/08.js
index e4f3860..73c5a8b 100644
--- a/src/mock/case_detail/08.js
+++ b/src/mock/case_detail/08.js
@@ -1,7 +1,8 @@
-import T1_1 from '@/assets/img/case_detail/01/trumbs/01.jpg'
-import T1_2 from '@/assets/img/case_detail/01/trumbs/02.jpg'
-import T1_3 from '@/assets/img/case_detail/01/trumbs/03.jpg'
-import T1_4 from '@/assets/img/case_detail/01/trumbs/04.jpg'
+import T1_1 from '@/assets/img/case_detail/08/trumbs/01.jpg'
+import T1_2 from '@/assets/img/case_detail/08/trumbs/02.jpg'
+import T1_3 from '@/assets/img/case_detail/08/trumbs/03.jpg'
+import T1_4 from '@/assets/img/case_detail/08/trumbs/04.jpg'
+import T1_5 from '@/assets/img/case_detail/08/trumbs/05.jpg'
 export const case_detail_img_data = [
   {
     id: '1',
@@ -19,23 +20,26 @@ export const case_detail_img_data = [
     id: '4',
     picUrl: T1_4,
   },
+  {
+    id: '5',
+    picUrl: T1_5,
+  },
 ]
 
-import S1_1_1 from '@/assets/img/case_detail/01/swiper/01/01.png'
-import S1_1_2 from '@/assets/img/case_detail/01/swiper/01/02.png'
-import S1_1_3 from '@/assets/img/case_detail/01/swiper/01/03.png'
+import S1_1_1 from '@/assets/img/case_detail/08/swiper/01/01.png'
+import S1_1_2 from '@/assets/img/case_detail/08/swiper/01/02.png'
+import S1_1_3 from '@/assets/img/case_detail/08/swiper/01/03.png'
+import S1_1_4 from '@/assets/img/case_detail/08/swiper/01/04.png'
+
+import S1_2_1 from '@/assets/img/case_detail/08/swiper/02/01.png'
 
-import S1_2_1 from '@/assets/img/case_detail/01/swiper/02/01.png'
-import S1_2_2 from '@/assets/img/case_detail/01/swiper/02/02.png'
-import S1_2_3 from '@/assets/img/case_detail/01/swiper/02/03.png'
-import S1_2_4 from '@/assets/img/case_detail/01/swiper/02/04.png'
+import S1_3_1 from '@/assets/img/case_detail/08/swiper/03/01.png'
 
-import S1_3_1 from '@/assets/img/case_detail/01/swiper/03/01.png'
-import S1_3_2 from '@/assets/img/case_detail/01/swiper/03/02.png'
+import S1_4_1 from '@/assets/img/case_detail/08/swiper/04/01.png'
+import S1_4_2 from '@/assets/img/case_detail/08/swiper/04/02.png'
 
-import S1_4_1 from '@/assets/img/case_detail/01/swiper/04/01.png'
-import S1_4_2 from '@/assets/img/case_detail/01/swiper/04/02.png'
-import S1_4_3 from '@/assets/img/case_detail/01/swiper/04/03.png'
+import S1_5_1 from '@/assets/img/case_detail/08/swiper/05/01.png'
+import S1_5_2 from '@/assets/img/case_detail/08/swiper/05/02.png'
 
 export const swiperList = {
   1: [
@@ -51,34 +55,22 @@ export const swiperList = {
       id: '3',
       picUrl: S1_1_3,
     },
+    {
+      id: '4',
+      picUrl: S1_1_4,
+    },
   ],
   2: [
     {
       id: '1',
       picUrl: S1_2_1,
     },
-    {
-      id: '2',
-      picUrl: S1_2_2,
-    },
-    {
-      id: '3',
-      picUrl: S1_2_3,
-    },
-    {
-      id: '4',
-      picUrl: S1_2_4,
-    },
   ],
   3: [
     {
       id: '1',
       picUrl: S1_3_1,
     },
-    {
-      id: '2',
-      picUrl: S1_3_2,
-    },
   ],
   4: [
     {
@@ -89,9 +81,15 @@ export const swiperList = {
       id: '2',
       picUrl: S1_4_2,
     },
+  ],
+  5: [
     {
-      id: '3',
-      picUrl: S1_4_3,
+      id: '1',
+      picUrl: S1_5_1,
+    },
+    {
+      id: '2',
+      picUrl: S1_5_2,
     },
   ],
 }
diff --git a/src/mock/case_detail/09.js b/src/mock/case_detail/09.js
index 0c6fd27..823191d 100644
--- a/src/mock/case_detail/09.js
+++ b/src/mock/case_detail/09.js
@@ -1,7 +1,9 @@
-import T1_1 from '@/assets/img/case_detail/01/trumbs/01.jpg'
-import T1_2 from '@/assets/img/case_detail/01/trumbs/02.jpg'
-import T1_3 from '@/assets/img/case_detail/01/trumbs/03.jpg'
-import T1_4 from '@/assets/img/case_detail/01/trumbs/04.jpg'
+import T1_1 from '@/assets/img/case_detail/09/trumbs/01.jpg'
+import T1_2 from '@/assets/img/case_detail/09/trumbs/02.jpg'
+import T1_3 from '@/assets/img/case_detail/09/trumbs/03.jpg'
+import T1_4 from '@/assets/img/case_detail/09/trumbs/04.jpg'
+import T1_5 from '@/assets/img/case_detail/09/trumbs/05.jpg'
+import T1_6 from '@/assets/img/case_detail/09/trumbs/06.jpg'
 export const case_detail_img_data = [
   {
     id: '1',
@@ -19,23 +21,40 @@ export const case_detail_img_data = [
     id: '4',
     picUrl: T1_4,
   },
+  {
+    id: '5',
+    picUrl: T1_5,
+  },
+  {
+    id: '6',
+    picUrl: T1_6,
+  },
 ]
 
-import S1_1_1 from '@/assets/img/case_detail/01/swiper/01/01.png'
-import S1_1_2 from '@/assets/img/case_detail/01/swiper/01/02.png'
-import S1_1_3 from '@/assets/img/case_detail/01/swiper/01/03.png'
+import S1_1_1 from '@/assets/img/case_detail/09/swiper/01/01.png'
+
+import S1_2_1 from '@/assets/img/case_detail/09/swiper/02/01.png'
+import S1_2_2 from '@/assets/img/case_detail/09/swiper/02/02.png'
+import S1_2_3 from '@/assets/img/case_detail/09/swiper/02/03.png'
+import S1_2_4 from '@/assets/img/case_detail/09/swiper/02/04.png'
+
+import S1_3_1 from '@/assets/img/case_detail/09/swiper/03/01.png'
+import S1_3_2 from '@/assets/img/case_detail/09/swiper/03/02.png'
+import S1_3_3 from '@/assets/img/case_detail/09/swiper/03/03.png'
+import S1_3_4 from '@/assets/img/case_detail/09/swiper/03/04.png'
 
-import S1_2_1 from '@/assets/img/case_detail/01/swiper/02/01.png'
-import S1_2_2 from '@/assets/img/case_detail/01/swiper/02/02.png'
-import S1_2_3 from '@/assets/img/case_detail/01/swiper/02/03.png'
-import S1_2_4 from '@/assets/img/case_detail/01/swiper/02/04.png'
+import S1_4_1 from '@/assets/img/case_detail/09/swiper/04/01.png'
+import S1_4_2 from '@/assets/img/case_detail/09/swiper/04/02.png'
+import S1_4_3 from '@/assets/img/case_detail/09/swiper/04/03.png'
 
-import S1_3_1 from '@/assets/img/case_detail/01/swiper/03/01.png'
-import S1_3_2 from '@/assets/img/case_detail/01/swiper/03/02.png'
+import S1_5_1 from '@/assets/img/case_detail/09/swiper/05/01.png'
+import S1_5_2 from '@/assets/img/case_detail/09/swiper/05/02.png'
+import S1_5_3 from '@/assets/img/case_detail/09/swiper/05/03.png'
 
-import S1_4_1 from '@/assets/img/case_detail/01/swiper/04/01.png'
-import S1_4_2 from '@/assets/img/case_detail/01/swiper/04/02.png'
-import S1_4_3 from '@/assets/img/case_detail/01/swiper/04/03.png'
+import S1_6_1 from '@/assets/img/case_detail/09/swiper/06/01.png'
+import S1_6_2 from '@/assets/img/case_detail/09/swiper/06/02.png'
+import S1_6_3 from '@/assets/img/case_detail/09/swiper/06/03.png'
+import S1_6_4 from '@/assets/img/case_detail/09/swiper/06/04.png'
 
 export const swiperList = {
   1: [
@@ -43,14 +62,6 @@ export const swiperList = {
       id: '1',
       picUrl: S1_1_1,
     },
-    {
-      id: '2',
-      picUrl: S1_1_2,
-    },
-    {
-      id: '3',
-      picUrl: S1_1_3,
-    },
   ],
   2: [
     {
@@ -79,6 +90,14 @@ export const swiperList = {
       id: '2',
       picUrl: S1_3_2,
     },
+    {
+      id: '3',
+      picUrl: S1_3_3,
+    },
+    {
+      id: '4',
+      picUrl: S1_3_4,
+    },
   ],
   4: [
     {
@@ -94,6 +113,38 @@ export const swiperList = {
       picUrl: S1_4_3,
     },
   ],
+  5: [
+    {
+      id: '1',
+      picUrl: S1_5_1,
+    },
+    {
+      id: '2',
+      picUrl: S1_5_2,
+    },
+    {
+      id: '3',
+      picUrl: S1_5_3,
+    },
+  ],
+  6: [
+    {
+      id: '1',
+      picUrl: S1_6_1,
+    },
+    {
+      id: '2',
+      picUrl: S1_6_2,
+    },
+    {
+      id: '3',
+      picUrl: S1_6_3,
+    },
+    {
+      id: '4',
+      picUrl: S1_6_4,
+    },
+  ],
 }
 
 export const titleList = {
diff --git a/src/views/Index/components/CasePictureList/index.vue b/src/views/Index/components/CasePictureList/index.vue
index dfe1117..00161b2 100644
--- a/src/views/Index/components/CasePictureList/index.vue
+++ b/src/views/Index/components/CasePictureList/index.vue
@@ -64,10 +64,19 @@
                 :pauseOnHover="true"
                 :pauseOnClick="true"
               >
-                <div class="img_card" v-for="item in 30" :key="item">
-                  <img class="pic" :src="A1" alt="" />
+                <div
+                  class="img_card"
+                  v-for="item in allCaseList"
+                  :key="item.id"
+                >
+                  <img class="pic" :src="item.picUrl" alt="" />
                   <div class="dialog_text">
-                    <div class="btn">查看详情</div>
+                    <div
+                      class="btn"
+                      @click="toDetail(item.example_id, item.industry_id)"
+                    >
+                      查看详情
+                    </div>
                   </div>
                 </div>
               </Vue3Marquee>
@@ -120,11 +129,14 @@ import A1 from '@/assets/img/case/anli1.png'
 import { Swiper, SwiperSlide } from 'swiper/vue'
 import { Autoplay } from 'swiper'
 import { handleScreenAuto, handleScreenToFlexCenter } from '@/common/utils'
-import { useCountStore } from '@/store'
+import { useCountStore, useDetailStore, useSwiperStore } from '@/store'
 import { storeToRefs } from 'pinia'
+import { allCaseList } from '@/mock/case'
 // Import Swiper styles
 import 'swiper/css'
 const countStore = useCountStore()
+const detailStore = useDetailStore()
+const swiperStore = useSwiperStore()
 const duration = ref(2000)
 const { start_count } = storeToRefs(countStore)
 const modules = ref([Autoplay])
@@ -136,6 +148,11 @@ onMounted(() => {
   func()
   window.onresize = func
 })
+const toDetail = (example_id, industry_id) => {
+  detailStore.updateIndustryId(industry_id)
+  detailStore.updateExampleId(example_id)
+  swiperStore.swiper.slideNext(500)
+}
 const showEmpty = ref(true)
 </script>