diff --git a/src/assets/img/case_detail/01/detail/01/01.png b/src/assets/img/case_detail/01/detail/01/01.png
new file mode 100644
index 0000000..cc35e2e
Binary files /dev/null and b/src/assets/img/case_detail/01/detail/01/01.png differ
diff --git a/src/assets/img/case_detail/01/detail/01/02.png b/src/assets/img/case_detail/01/detail/01/02.png
new file mode 100644
index 0000000..aa609df
Binary files /dev/null and b/src/assets/img/case_detail/01/detail/01/02.png differ
diff --git a/src/assets/img/case_detail/01/detail/01/03.png b/src/assets/img/case_detail/01/detail/01/03.png
new file mode 100644
index 0000000..fc8e1ff
Binary files /dev/null and b/src/assets/img/case_detail/01/detail/01/03.png differ
diff --git a/src/assets/img/case_detail/01/detail/02/01.png b/src/assets/img/case_detail/01/detail/02/01.png
new file mode 100644
index 0000000..6770130
Binary files /dev/null and b/src/assets/img/case_detail/01/detail/02/01.png differ
diff --git a/src/assets/img/case_detail/01/detail/02/02.png b/src/assets/img/case_detail/01/detail/02/02.png
new file mode 100644
index 0000000..a81f787
Binary files /dev/null and b/src/assets/img/case_detail/01/detail/02/02.png differ
diff --git a/src/assets/img/case_detail/01/detail/02/03.png b/src/assets/img/case_detail/01/detail/02/03.png
new file mode 100644
index 0000000..1963f78
Binary files /dev/null and b/src/assets/img/case_detail/01/detail/02/03.png differ
diff --git a/src/assets/img/case_detail/01/detail/02/04.png b/src/assets/img/case_detail/01/detail/02/04.png
new file mode 100644
index 0000000..596b05e
Binary files /dev/null and b/src/assets/img/case_detail/01/detail/02/04.png differ
diff --git a/src/assets/img/case_detail/01/detail/03/01.png b/src/assets/img/case_detail/01/detail/03/01.png
new file mode 100644
index 0000000..d9355c1
Binary files /dev/null and b/src/assets/img/case_detail/01/detail/03/01.png differ
diff --git a/src/assets/img/case_detail/01/detail/03/02.png b/src/assets/img/case_detail/01/detail/03/02.png
new file mode 100644
index 0000000..085c654
Binary files /dev/null and b/src/assets/img/case_detail/01/detail/03/02.png differ
diff --git a/src/assets/img/case_detail/01/detail/03/03.png b/src/assets/img/case_detail/01/detail/03/03.png
new file mode 100644
index 0000000..f6cd0a7
Binary files /dev/null and b/src/assets/img/case_detail/01/detail/03/03.png differ
diff --git a/src/assets/img/case_detail/01/detail/04/01.png b/src/assets/img/case_detail/01/detail/04/01.png
new file mode 100644
index 0000000..b4f85a8
Binary files /dev/null and b/src/assets/img/case_detail/01/detail/04/01.png differ
diff --git a/src/assets/img/case_detail/01/detail/04/02.png b/src/assets/img/case_detail/01/detail/04/02.png
new file mode 100644
index 0000000..cbae144
Binary files /dev/null and b/src/assets/img/case_detail/01/detail/04/02.png differ
diff --git a/src/assets/img/case_detail/01/detail/04/03.png b/src/assets/img/case_detail/01/detail/04/03.png
new file mode 100644
index 0000000..b5bcf59
Binary files /dev/null and b/src/assets/img/case_detail/01/detail/04/03.png differ
diff --git a/src/assets/img/case_detail/01/swiper/01/01.png b/src/assets/img/case_detail/01/swiper/01/01.png
new file mode 100644
index 0000000..cc35e2e
Binary files /dev/null and b/src/assets/img/case_detail/01/swiper/01/01.png differ
diff --git a/src/assets/img/case_detail/01/swiper/01/02.png b/src/assets/img/case_detail/01/swiper/01/02.png
new file mode 100644
index 0000000..aa609df
Binary files /dev/null and b/src/assets/img/case_detail/01/swiper/01/02.png differ
diff --git a/src/assets/img/case_detail/01/swiper/01/03.png b/src/assets/img/case_detail/01/swiper/01/03.png
new file mode 100644
index 0000000..fc8e1ff
Binary files /dev/null and b/src/assets/img/case_detail/01/swiper/01/03.png differ
diff --git a/src/assets/img/case_detail/01/swiper/02/01.png b/src/assets/img/case_detail/01/swiper/02/01.png
new file mode 100644
index 0000000..6770130
Binary files /dev/null and b/src/assets/img/case_detail/01/swiper/02/01.png differ
diff --git a/src/assets/img/case_detail/01/swiper/02/02.png b/src/assets/img/case_detail/01/swiper/02/02.png
new file mode 100644
index 0000000..a81f787
Binary files /dev/null and b/src/assets/img/case_detail/01/swiper/02/02.png differ
diff --git a/src/assets/img/case_detail/01/swiper/02/03.png b/src/assets/img/case_detail/01/swiper/02/03.png
new file mode 100644
index 0000000..1963f78
Binary files /dev/null and b/src/assets/img/case_detail/01/swiper/02/03.png differ
diff --git a/src/assets/img/case_detail/01/swiper/02/04.png b/src/assets/img/case_detail/01/swiper/02/04.png
new file mode 100644
index 0000000..596b05e
Binary files /dev/null and b/src/assets/img/case_detail/01/swiper/02/04.png differ
diff --git a/src/assets/img/case_detail/01/swiper/03/01.png b/src/assets/img/case_detail/01/swiper/03/01.png
new file mode 100644
index 0000000..d9355c1
Binary files /dev/null and b/src/assets/img/case_detail/01/swiper/03/01.png differ
diff --git a/src/assets/img/case_detail/01/swiper/03/02.png b/src/assets/img/case_detail/01/swiper/03/02.png
new file mode 100644
index 0000000..085c654
Binary files /dev/null and b/src/assets/img/case_detail/01/swiper/03/02.png differ
diff --git a/src/assets/img/case_detail/01/swiper/03/03.png b/src/assets/img/case_detail/01/swiper/03/03.png
new file mode 100644
index 0000000..f6cd0a7
Binary files /dev/null and b/src/assets/img/case_detail/01/swiper/03/03.png differ
diff --git a/src/assets/img/case_detail/01/swiper/04/01.png b/src/assets/img/case_detail/01/swiper/04/01.png
new file mode 100644
index 0000000..b4f85a8
Binary files /dev/null and b/src/assets/img/case_detail/01/swiper/04/01.png differ
diff --git a/src/assets/img/case_detail/01/swiper/04/02.png b/src/assets/img/case_detail/01/swiper/04/02.png
new file mode 100644
index 0000000..cbae144
Binary files /dev/null and b/src/assets/img/case_detail/01/swiper/04/02.png differ
diff --git a/src/assets/img/case_detail/01/swiper/04/03.png b/src/assets/img/case_detail/01/swiper/04/03.png
new file mode 100644
index 0000000..b5bcf59
Binary files /dev/null and b/src/assets/img/case_detail/01/swiper/04/03.png differ
diff --git a/src/assets/img/case_detail/01/trumbs/01.png b/src/assets/img/case_detail/01/trumbs/01.png
new file mode 100644
index 0000000..9cc3c43
Binary files /dev/null and b/src/assets/img/case_detail/01/trumbs/01.png differ
diff --git a/src/assets/img/case_detail/01/trumbs/02.png b/src/assets/img/case_detail/01/trumbs/02.png
new file mode 100644
index 0000000..3131745
Binary files /dev/null and b/src/assets/img/case_detail/01/trumbs/02.png differ
diff --git a/src/assets/img/case_detail/01/trumbs/03.png b/src/assets/img/case_detail/01/trumbs/03.png
new file mode 100644
index 0000000..4315881
Binary files /dev/null and b/src/assets/img/case_detail/01/trumbs/03.png differ
diff --git a/src/assets/img/case_detail/01/trumbs/04.png b/src/assets/img/case_detail/01/trumbs/04.png
new file mode 100644
index 0000000..995f7ab
Binary files /dev/null and b/src/assets/img/case_detail/01/trumbs/04.png differ
diff --git a/src/mock/case.js b/src/mock/case.js
index 43a7806..f170aa0 100644
--- a/src/mock/case.js
+++ b/src/mock/case.js
@@ -1,150 +1,138 @@
-import L1 from '@/assets/img/case_detail/li1.png'
-import L2 from '@/assets/img/case_detail/li2.png'
-import L3 from '@/assets/img/case_detail/li3.png'
-import L4 from '@/assets/img/case_detail/li4.png'
-import L5 from '@/assets/img/case_detail/li5.png'
-import L6 from '@/assets/img/case_detail/li6.png'
-import L7 from '@/assets/img/case_detail/li7.png'
+import T1_1 from '@/assets/img/case_detail/01/trumbs/01.png'
+import T1_2 from '@/assets/img/case_detail/01/trumbs/02.png'
+import T1_3 from '@/assets/img/case_detail/01/trumbs/03.png'
+import T1_4 from '@/assets/img/case_detail/01/trumbs/04.png'
+
 export const case_detail_img_data = {
   1: [
     {
       id: '1',
-      picUrl: L1,
+      picUrl: T1_1,
     },
     {
       id: '2',
-      picUrl: L2,
+      picUrl: T1_2,
     },
     {
       id: '3',
-      picUrl: L3,
+      picUrl: T1_3,
     },
     {
       id: '4',
-      picUrl: L4,
-    },
-    {
-      id: '5',
-      picUrl: L5,
-    },
-    {
-      id: '6',
-      picUrl: L6,
-    },
-    {
-      id: '7',
-      picUrl: L7,
+      picUrl: T1_4,
     },
   ],
 }
 
-import S1 from '@/assets/img/case_detail/lunbo1.png'
-import P1 from '@/assets/img/case_detail/detail/wg1.png'
-import P2 from '@/assets/img/case_detail/detail/wg2.png'
-import P3 from '@/assets/img/case_detail/detail/jg1.png'
-import P4 from '@/assets/img/case_detail/detail/jg2.png'
-import P5 from '@/assets/img/case_detail/detail/cd.png'
+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_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/01/swiper/03/01.png'
+import S1_3_2 from '@/assets/img/case_detail/01/swiper/03/02.png'
+import S1_3_3 from '@/assets/img/case_detail/01/swiper/03/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'
+
 export const case_detail_list = {
   1: {
     1: {
       id: '1',
-      title: '电力巡检摄像头',
+      title: '全自动免疫荧光分析仪',
       swiperList: [
         {
           id: '1',
-          picUrl: S1,
+          picUrl: S1_1_1,
+        },
+        {
+          id: '2',
+          picUrl: S1_1_2,
+        },
+        {
+          id: '3',
+          picUrl: S1_1_3,
+        },
+      ],
+      detailList: {
+        topText: 'TopText。',
+        card: [],
+      },
+    },
+    2: {
+      id: '2',
+      title: '微型光度计',
+      swiperList: [
+        {
+          id: '1',
+          picUrl: S1_2_1,
+        },
+        {
+          id: '2',
+          picUrl: S1_2_2,
+        },
+        {
+          id: '3',
+          picUrl: S1_2_3,
         },
         {
+          id: '4',
+          picUrl: S1_2_4,
+        },
+      ],
+      detailList: {
+        topText: 'TopText。',
+        card: [],
+      },
+    },
+    3: {
+      id: '3',
+      title: '超声肿瘤治疗系统',
+      swiperList: [
+        {
           id: '1',
-          picUrl: S1,
+          picUrl: S1_3_1,
+        },
+        {
+          id: '2',
+          picUrl: S1_3_2,
         },
         {
+          id: '3',
+          picUrl: S1_3_3,
+        },
+      ],
+      detailList: {
+        topText: 'TopText。',
+        card: [],
+      },
+    },
+    4: {
+      id: '4',
+      title: '超声肿瘤治疗系统',
+      swiperList: [
+        {
           id: '1',
-          picUrl: S1,
+          picUrl: S1_4_1,
+        },
+        {
+          id: '2',
+          picUrl: S1_4_2,
+        },
+        {
+          id: '3',
+          picUrl: S1_4_3,
         },
       ],
       detailList: {
-        topText:
-          '电力运维人员的日常工作有相当一部分是需要走到第一线去的，如设备检修、线路巡检电源放电等。电力运维人员的一线工作呈现出“点多、线长、分散、不分昼夜、场景复杂”的特点。照明摄像头可以解决电力巡检过程中的远距离视场的排查记录。',
-        card: [
-          {
-            cardTitle: '研发型',
-            cardBlueTitle: '外观设计',
-            en: 'APPEARANCE',
-            isDouble: true,
-            pic1: P1,
-            pic2: P2,
-            cardText:
-              '与云端链接，视频实时传输，32倍光学变焦，20倍数字变焦，可以清晰的看到100米外的物体的细微差别，供一线巡检人员检修、巡查使用。底盘自带磁吸功能，可以吸附工程车车顶或者三脚架使用,主机部分，还可以通过旋转旋钮，将摄像机取下，手持主机部分巡检。此部分实现了自动和手动双模式兼容,两轴旋转。可以水平360°旋转，主机还可以上下俯仰，水平+俯仰综合旋转。可以通过云端或者手机APP实现旋转的控制，同时实现缩放的控制。',
-            cardIntro: false,
-          },
-          {
-            cardTitle: '研发型',
-            cardBlueTitle: '结构设计',
-            en: 'STRUCTURE',
-            isDouble: true,
-            pic1: P3,
-            pic2: P4,
-            cardText: false,
-            cardIntro: [
-              {
-                title: '主机模块',
-                desc: '内置自研电路板，光学机芯，电池，天线等。',
-              },
-              {
-                title: '底座模块',
-                desc: '可以实现360°电动旋转，速度可调。不同的配件可以实现不同的效果，底座外接三脚架配件，可以实现架设状态下的使用；磁吸方式，底座外挂于工程车顶部实现远距离快速巡检。。',
-              },
-              {
-                title: '主机把手',
-                desc: '上有开机按键，激光测距按键和远近光控制按键',
-              },
-              {
-                title: '主屏显示器',
-                desc: '显示一些状态信息，如激光测距距离等。',
-              },
-              {
-                title: '底座旋钮',
-                desc: '按下旋钮，逆时针旋转可以快速取下主机，当做 手持相机使用，做近距离快速记录；按下旋钮， 逆时针旋转可以快速装上主机，配合底座可以实 现电动控制',
-              },
-              {
-                title: '光学模块、激光测距模块、远近光模块',
-                desc: '',
-              },
-              {
-                title: '充电口',
-                desc: '',
-              },
-            ],
-          },
-          {
-            cardTitle: '传动机构',
-            cardBlueTitle: '俯仰调节',
-            en: 'TRANSMISSION',
-            isDouble: false,
-            pic1: P5,
-            pic2: null,
-            cardText: false,
-            cardIntro: [
-              {
-                title: '传动机构',
-                desc: '高精度电机配合高精度蜗轮蜗杆传动机构，实现了主机部分的电动俯仰旋转',
-              },
-              {
-                title: '对插式POGOPIN端子',
-                desc: '在旋转的前提下，实现了 电力及信号的双传输',
-              },
-              {
-                title: '防松旋钮',
-                desc: '普通旋转不起任何作用，需要使用的时候，需要向内按压旋钮，然后旋转才可实现主机在底座上的锁 紧和松开',
-              },
-              {
-                title: '机械电子双限位',
-                desc: '机械电子双限位：通过机械结构和电子传感器，双限位模式，保护主机和底座不受损坏',
-              },
-            ],
-          },
-        ],
+        topText: 'TopText。',
+        card: [],
       },
     },
   },
@@ -153,7 +141,7 @@ export const case_detail_list = {
 export const allCaseList = [
   {
     id: '1',
-    picUrl: P1,
+    picUrl: '',
     example_id: '1',
     industry_id: '1',
   },
diff --git a/src/mock/test.js b/src/mock/test.js
new file mode 100644
index 0000000..bf3f95a
--- /dev/null
+++ b/src/mock/test.js
@@ -0,0 +1,147 @@
+import T1_1 from '@/assets/img/case_detail/01/trumbs/01.png'
+import T1_2 from '@/assets/img/case_detail/01/trumbs/02.png'
+import T1_3 from '@/assets/img/case_detail/01/trumbs/03.png'
+import T1_4 from '@/assets/img/case_detail/01/trumbs/04.png'
+
+export const case_detail_img_data = {
+  1: [
+    {
+      id: '1',
+      picUrl: T1_1,
+    },
+    {
+      id: '2',
+      picUrl: T1_2,
+    },
+    {
+      id: '3',
+      picUrl: T1_3,
+    },
+    {
+      id: '4',
+      picUrl: T1_4,
+    },
+  ],
+}
+
+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 P1 from '@/assets/img/case_detail/detail/wg1.png'
+import P2 from '@/assets/img/case_detail/detail/wg2.png'
+import P3 from '@/assets/img/case_detail/detail/jg1.png'
+import P4 from '@/assets/img/case_detail/detail/jg2.png'
+import P5 from '@/assets/img/case_detail/detail/cd.png'
+export const case_detail_list = {
+  1: {
+    1: {
+      id: '1',
+      title: '电力巡检摄像头',
+      swiperList: [
+        {
+          id: '1',
+          picUrl: S1_1_1,
+        },
+        {
+          id: '1',
+          picUrl: S1_1_2,
+        },
+        {
+          id: '1',
+          picUrl: S1_1_3,
+        },
+      ],
+      detailList: {
+        topText: 'TopText。',
+        card: [
+          {
+            cardTitle: '研发型',
+            cardBlueTitle: '外观设计',
+            en: 'APPEARANCE',
+            isDouble: true,
+            pic1: P1,
+            pic2: P2,
+            cardText:
+              '与云端链接，视频实时传输，32倍光学变焦，20倍数字变焦，可以清晰的看到100米外的物体的细微差别，供一线巡检人员检修、巡查使用。底盘自带磁吸功能，可以吸附工程车车顶或者三脚架使用,主机部分，还可以通过旋转旋钮，将摄像机取下，手持主机部分巡检。此部分实现了自动和手动双模式兼容,两轴旋转。可以水平360°旋转，主机还可以上下俯仰，水平+俯仰综合旋转。可以通过云端或者手机APP实现旋转的控制，同时实现缩放的控制。',
+            cardIntro: false,
+          },
+          {
+            cardTitle: '研发型',
+            cardBlueTitle: '结构设计',
+            en: 'STRUCTURE',
+            isDouble: true,
+            pic1: P3,
+            pic2: P4,
+            cardText: false,
+            cardIntro: [
+              {
+                title: '主机模块',
+                desc: '内置自研电路板，光学机芯，电池，天线等。',
+              },
+              {
+                title: '底座模块',
+                desc: '可以实现360°电动旋转，速度可调。不同的配件可以实现不同的效果，底座外接三脚架配件，可以实现架设状态下的使用；磁吸方式，底座外挂于工程车顶部实现远距离快速巡检。。',
+              },
+              {
+                title: '主机把手',
+                desc: '上有开机按键，激光测距按键和远近光控制按键',
+              },
+              {
+                title: '主屏显示器',
+                desc: '显示一些状态信息，如激光测距距离等。',
+              },
+              {
+                title: '底座旋钮',
+                desc: '按下旋钮，逆时针旋转可以快速取下主机，当做 手持相机使用，做近距离快速记录；按下旋钮， 逆时针旋转可以快速装上主机，配合底座可以实 现电动控制',
+              },
+              {
+                title: '光学模块、激光测距模块、远近光模块',
+                desc: '',
+              },
+              {
+                title: '充电口',
+                desc: '',
+              },
+            ],
+          },
+          {
+            cardTitle: '传动机构',
+            cardBlueTitle: '俯仰调节',
+            en: 'TRANSMISSION',
+            isDouble: false,
+            pic1: P5,
+            pic2: null,
+            cardText: false,
+            cardIntro: [
+              {
+                title: '传动机构',
+                desc: '高精度电机配合高精度蜗轮蜗杆传动机构，实现了主机部分的电动俯仰旋转',
+              },
+              {
+                title: '对插式POGOPIN端子',
+                desc: '在旋转的前提下，实现了 电力及信号的双传输',
+              },
+              {
+                title: '防松旋钮',
+                desc: '普通旋转不起任何作用，需要使用的时候，需要向内按压旋钮，然后旋转才可实现主机在底座上的锁 紧和松开',
+              },
+              {
+                title: '机械电子双限位',
+                desc: '机械电子双限位：通过机械结构和电子传感器，双限位模式，保护主机和底座不受损坏',
+              },
+            ],
+          },
+        ],
+      },
+    },
+  },
+}
+
+export const allCaseList = [
+  {
+    id: '1',
+    picUrl: P1,
+    example_id: '1',
+    industry_id: '1',
+  },
+]