maochaoying 2 years ago
parent
commit
f7301d65f9
  1. BIN
      src/assets/img/case_detail/01/detail/01/01.png
  2. BIN
      src/assets/img/case_detail/01/detail/01/02.png
  3. BIN
      src/assets/img/case_detail/01/detail/01/03.png
  4. BIN
      src/assets/img/case_detail/01/detail/02/01.png
  5. BIN
      src/assets/img/case_detail/01/detail/02/02.png
  6. BIN
      src/assets/img/case_detail/01/detail/02/03.png
  7. BIN
      src/assets/img/case_detail/01/detail/02/04.png
  8. BIN
      src/assets/img/case_detail/01/detail/03/01.png
  9. BIN
      src/assets/img/case_detail/01/detail/03/02.png
  10. BIN
      src/assets/img/case_detail/01/detail/03/03.png
  11. BIN
      src/assets/img/case_detail/01/detail/04/01.png
  12. BIN
      src/assets/img/case_detail/01/detail/04/02.png
  13. BIN
      src/assets/img/case_detail/01/detail/04/03.png
  14. BIN
      src/assets/img/case_detail/01/swiper/01/01.png
  15. BIN
      src/assets/img/case_detail/01/swiper/01/02.png
  16. BIN
      src/assets/img/case_detail/01/swiper/01/03.png
  17. BIN
      src/assets/img/case_detail/01/swiper/02/01.png
  18. BIN
      src/assets/img/case_detail/01/swiper/02/02.png
  19. BIN
      src/assets/img/case_detail/01/swiper/02/03.png
  20. BIN
      src/assets/img/case_detail/01/swiper/02/04.png
  21. BIN
      src/assets/img/case_detail/01/swiper/03/01.png
  22. BIN
      src/assets/img/case_detail/01/swiper/03/02.png
  23. BIN
      src/assets/img/case_detail/01/swiper/03/03.png
  24. BIN
      src/assets/img/case_detail/01/swiper/04/01.png
  25. BIN
      src/assets/img/case_detail/01/swiper/04/02.png
  26. BIN
      src/assets/img/case_detail/01/swiper/04/03.png
  27. BIN
      src/assets/img/case_detail/01/trumbs/01.png
  28. BIN
      src/assets/img/case_detail/01/trumbs/02.png
  29. BIN
      src/assets/img/case_detail/01/trumbs/03.png
  30. BIN
      src/assets/img/case_detail/01/trumbs/04.png
  31. 218
      src/mock/case.js
  32. 147
      src/mock/test.js

BIN
src/assets/img/case_detail/01/detail/01/01.png

After

Width: 1600  |  Height: 900  |  Size: 526 KiB

BIN
src/assets/img/case_detail/01/detail/01/02.png

After

Width: 1600  |  Height: 900  |  Size: 471 KiB

BIN
src/assets/img/case_detail/01/detail/01/03.png

After

Width: 1600  |  Height: 900  |  Size: 584 KiB

BIN
src/assets/img/case_detail/01/detail/02/01.png

After

Width: 1600  |  Height: 900  |  Size: 950 KiB

BIN
src/assets/img/case_detail/01/detail/02/02.png

After

Width: 1600  |  Height: 900  |  Size: 215 KiB

BIN
src/assets/img/case_detail/01/detail/02/03.png

After

Width: 1600  |  Height: 900  |  Size: 146 KiB

BIN
src/assets/img/case_detail/01/detail/02/04.png

After

Width: 1600  |  Height: 900  |  Size: 594 KiB

BIN
src/assets/img/case_detail/01/detail/03/01.png

After

Width: 1600  |  Height: 900  |  Size: 987 KiB

BIN
src/assets/img/case_detail/01/detail/03/02.png

After

Width: 1600  |  Height: 900  |  Size: 357 KiB

BIN
src/assets/img/case_detail/01/detail/03/03.png

After

Width: 1600  |  Height: 900  |  Size: 326 KiB

BIN
src/assets/img/case_detail/01/detail/04/01.png

After

Width: 1600  |  Height: 900  |  Size: 820 KiB

BIN
src/assets/img/case_detail/01/detail/04/02.png

After

Width: 1600  |  Height: 900  |  Size: 669 KiB

BIN
src/assets/img/case_detail/01/detail/04/03.png

After

Width: 1600  |  Height: 900  |  Size: 815 KiB

BIN
src/assets/img/case_detail/01/swiper/01/01.png

After

Width: 1600  |  Height: 900  |  Size: 526 KiB

BIN
src/assets/img/case_detail/01/swiper/01/02.png

After

Width: 1600  |  Height: 900  |  Size: 471 KiB

BIN
src/assets/img/case_detail/01/swiper/01/03.png

After

Width: 1600  |  Height: 900  |  Size: 584 KiB

BIN
src/assets/img/case_detail/01/swiper/02/01.png

After

Width: 1600  |  Height: 900  |  Size: 950 KiB

BIN
src/assets/img/case_detail/01/swiper/02/02.png

After

Width: 1600  |  Height: 900  |  Size: 215 KiB

BIN
src/assets/img/case_detail/01/swiper/02/03.png

After

Width: 1600  |  Height: 900  |  Size: 146 KiB

BIN
src/assets/img/case_detail/01/swiper/02/04.png

After

Width: 1600  |  Height: 900  |  Size: 594 KiB

BIN
src/assets/img/case_detail/01/swiper/03/01.png

After

Width: 1600  |  Height: 900  |  Size: 987 KiB

BIN
src/assets/img/case_detail/01/swiper/03/02.png

After

Width: 1600  |  Height: 900  |  Size: 357 KiB

BIN
src/assets/img/case_detail/01/swiper/03/03.png

After

Width: 1600  |  Height: 900  |  Size: 326 KiB

BIN
src/assets/img/case_detail/01/swiper/04/01.png

After

Width: 1600  |  Height: 900  |  Size: 820 KiB

BIN
src/assets/img/case_detail/01/swiper/04/02.png

After

Width: 1600  |  Height: 900  |  Size: 669 KiB

BIN
src/assets/img/case_detail/01/swiper/04/03.png

After

Width: 1600  |  Height: 900  |  Size: 815 KiB

BIN
src/assets/img/case_detail/01/trumbs/01.png

After

Width: 970  |  Height: 540  |  Size: 188 KiB

BIN
src/assets/img/case_detail/01/trumbs/02.png

After

Width: 970  |  Height: 540  |  Size: 525 KiB

BIN
src/assets/img/case_detail/01/trumbs/03.png

After

Width: 970  |  Height: 540  |  Size: 442 KiB

BIN
src/assets/img/case_detail/01/trumbs/04.png

After

Width: 970  |  Height: 540  |  Size: 480 KiB

218
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',
},

147
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',
},
]
Loading…
Cancel
Save