maochaoying 2 years ago
parent
commit
23162306f4
  1. BIN
      src/assets/img/all_case/01.jpg
  2. BIN
      src/assets/img/all_case/02.jpg
  3. BIN
      src/assets/img/all_case/03.jpg
  4. BIN
      src/assets/img/all_case/04.jpg
  5. BIN
      src/assets/img/all_case/05.jpg
  6. BIN
      src/assets/img/all_case/06.jpg
  7. BIN
      src/assets/img/all_case/07.jpg
  8. BIN
      src/assets/img/all_case/08.jpg
  9. BIN
      src/assets/img/all_case/09.jpg
  10. BIN
      src/assets/img/all_case/10.jpg
  11. BIN
      src/assets/img/all_case/11.jpg
  12. BIN
      src/assets/img/all_case/12.jpg
  13. BIN
      src/assets/img/all_case/13.jpg
  14. BIN
      src/assets/img/all_case/14.jpg
  15. BIN
      src/assets/img/all_case/15.jpg
  16. BIN
      src/assets/img/all_case/16.jpg
  17. BIN
      src/assets/img/all_case/17.jpg
  18. BIN
      src/assets/img/all_case/18.jpg
  19. BIN
      src/assets/img/all_case/19.jpg
  20. BIN
      src/assets/img/all_case/20.jpg
  21. BIN
      src/assets/img/all_case/21.jpg
  22. BIN
      src/assets/img/all_case/22.jpg
  23. BIN
      src/assets/img/all_case/23.jpg
  24. BIN
      src/assets/img/all_case/24.jpg
  25. BIN
      src/assets/img/all_case/25.jpg
  26. BIN
      src/assets/img/all_case/26.jpg
  27. BIN
      src/assets/img/all_case/27.jpg
  28. BIN
      src/assets/img/all_case/28.jpg
  29. BIN
      src/assets/img/all_case/29.jpg
  30. BIN
      src/assets/img/all_case/30.jpg
  31. BIN
      src/assets/img/all_case/31.jpg
  32. BIN
      src/assets/img/all_case/32.jpg
  33. BIN
      src/assets/img/all_case/33.jpg
  34. BIN
      src/assets/img/all_case/34.jpg
  35. BIN
      src/assets/img/all_case/35.jpg
  36. BIN
      src/assets/img/all_case/36.jpg
  37. BIN
      src/assets/img/all_case/37.jpg
  38. BIN
      src/assets/img/all_case/38.jpg
  39. BIN
      src/assets/img/all_case/39.jpg
  40. BIN
      src/assets/img/all_case/40.jpg
  41. BIN
      src/assets/img/all_case/41.jpg
  42. BIN
      src/assets/img/all_case/42.jpg
  43. BIN
      src/assets/img/all_case/43.jpg
  44. BIN
      src/assets/img/all_case/44.jpg
  45. BIN
      src/assets/img/all_case/45.jpg
  46. BIN
      src/assets/img/all_case/46.jpg
  47. BIN
      src/assets/img/all_case/47.jpg
  48. BIN
      src/assets/img/all_case/48.jpg
  49. BIN
      src/assets/img/all_case/49.jpg
  50. BIN
      src/assets/img/all_case/50.jpg
  51. BIN
      src/assets/img/all_case/51.jpg
  52. BIN
      src/assets/img/all_case/52.jpg
  53. BIN
      src/assets/img/all_case/53.jpg
  54. BIN
      src/assets/img/all_case/54.jpg
  55. BIN
      src/assets/img/all_case/55.jpg
  56. BIN
      src/assets/img/all_case/56.jpg
  57. 11
      src/common/test.js
  58. 330
      src/mock/case.js
  59. 66
      src/mock/case_detail/08.js
  60. 99
      src/mock/case_detail/09.js
  61. 25
      src/views/Index/components/CasePictureList/index.vue

BIN
src/assets/img/all_case/01.jpg

After

Width: 800  |  Height: 450  |  Size: 38 KiB

BIN
src/assets/img/all_case/02.jpg

After

Width: 800  |  Height: 450  |  Size: 33 KiB

BIN
src/assets/img/all_case/03.jpg

After

Width: 800  |  Height: 450  |  Size: 39 KiB

BIN
src/assets/img/all_case/04.jpg

After

Width: 800  |  Height: 450  |  Size: 43 KiB

BIN
src/assets/img/all_case/05.jpg

After

Width: 800  |  Height: 450  |  Size: 41 KiB

BIN
src/assets/img/all_case/06.jpg

After

Width: 800  |  Height: 450  |  Size: 31 KiB

BIN
src/assets/img/all_case/07.jpg

After

Width: 800  |  Height: 450  |  Size: 22 KiB

BIN
src/assets/img/all_case/08.jpg

After

Width: 800  |  Height: 450  |  Size: 31 KiB

BIN
src/assets/img/all_case/09.jpg

After

Width: 800  |  Height: 450  |  Size: 50 KiB

BIN
src/assets/img/all_case/10.jpg

After

Width: 800  |  Height: 450  |  Size: 33 KiB

BIN
src/assets/img/all_case/11.jpg

After

Width: 800  |  Height: 450  |  Size: 32 KiB

BIN
src/assets/img/all_case/12.jpg

After

Width: 800  |  Height: 450  |  Size: 57 KiB

BIN
src/assets/img/all_case/13.jpg

After

Width: 800  |  Height: 450  |  Size: 32 KiB

BIN
src/assets/img/all_case/14.jpg

After

Width: 800  |  Height: 450  |  Size: 38 KiB

BIN
src/assets/img/all_case/15.jpg

After

Width: 800  |  Height: 450  |  Size: 44 KiB

BIN
src/assets/img/all_case/16.jpg

After

Width: 800  |  Height: 450  |  Size: 43 KiB

BIN
src/assets/img/all_case/17.jpg

After

Width: 800  |  Height: 450  |  Size: 24 KiB

BIN
src/assets/img/all_case/18.jpg

After

Width: 800  |  Height: 450  |  Size: 13 KiB

BIN
src/assets/img/all_case/19.jpg

After

Width: 800  |  Height: 450  |  Size: 26 KiB

BIN
src/assets/img/all_case/20.jpg

After

Width: 800  |  Height: 450  |  Size: 25 KiB

BIN
src/assets/img/all_case/21.jpg

After

Width: 800  |  Height: 450  |  Size: 31 KiB

BIN
src/assets/img/all_case/22.jpg

After

Width: 800  |  Height: 450  |  Size: 60 KiB

BIN
src/assets/img/all_case/23.jpg

After

Width: 800  |  Height: 450  |  Size: 24 KiB

BIN
src/assets/img/all_case/24.jpg

After

Width: 800  |  Height: 450  |  Size: 49 KiB

BIN
src/assets/img/all_case/25.jpg

After

Width: 800  |  Height: 450  |  Size: 37 KiB

BIN
src/assets/img/all_case/26.jpg

After

Width: 800  |  Height: 450  |  Size: 49 KiB

BIN
src/assets/img/all_case/27.jpg

After

Width: 800  |  Height: 450  |  Size: 39 KiB

BIN
src/assets/img/all_case/28.jpg

After

Width: 800  |  Height: 450  |  Size: 24 KiB

BIN
src/assets/img/all_case/29.jpg

After

Width: 800  |  Height: 450  |  Size: 36 KiB

BIN
src/assets/img/all_case/30.jpg

After

Width: 800  |  Height: 450  |  Size: 86 KiB

BIN
src/assets/img/all_case/31.jpg

After

Width: 800  |  Height: 450  |  Size: 40 KiB

BIN
src/assets/img/all_case/32.jpg

After

Width: 800  |  Height: 450  |  Size: 24 KiB

BIN
src/assets/img/all_case/33.jpg

After

Width: 800  |  Height: 450  |  Size: 28 KiB

BIN
src/assets/img/all_case/34.jpg

After

Width: 800  |  Height: 450  |  Size: 33 KiB

BIN
src/assets/img/all_case/35.jpg

After

Width: 800  |  Height: 450  |  Size: 30 KiB

BIN
src/assets/img/all_case/36.jpg

After

Width: 800  |  Height: 450  |  Size: 22 KiB

BIN
src/assets/img/all_case/37.jpg

After

Width: 800  |  Height: 450  |  Size: 17 KiB

BIN
src/assets/img/all_case/38.jpg

After

Width: 800  |  Height: 450  |  Size: 18 KiB

BIN
src/assets/img/all_case/39.jpg

After

Width: 800  |  Height: 450  |  Size: 83 KiB

BIN
src/assets/img/all_case/40.jpg

After

Width: 800  |  Height: 450  |  Size: 24 KiB

BIN
src/assets/img/all_case/41.jpg

After

Width: 800  |  Height: 450  |  Size: 22 KiB

BIN
src/assets/img/all_case/42.jpg

After

Width: 800  |  Height: 450  |  Size: 35 KiB

BIN
src/assets/img/all_case/43.jpg

After

Width: 800  |  Height: 450  |  Size: 94 KiB

BIN
src/assets/img/all_case/44.jpg

After

Width: 800  |  Height: 450  |  Size: 44 KiB

BIN
src/assets/img/all_case/45.jpg

After

Width: 800  |  Height: 450  |  Size: 23 KiB

BIN
src/assets/img/all_case/46.jpg

After

Width: 800  |  Height: 450  |  Size: 32 KiB

BIN
src/assets/img/all_case/47.jpg

After

Width: 800  |  Height: 450  |  Size: 32 KiB

BIN
src/assets/img/all_case/48.jpg

After

Width: 800  |  Height: 450  |  Size: 62 KiB

BIN
src/assets/img/all_case/49.jpg

After

Width: 800  |  Height: 450  |  Size: 46 KiB

BIN
src/assets/img/all_case/50.jpg

After

Width: 800  |  Height: 450  |  Size: 23 KiB

BIN
src/assets/img/all_case/51.jpg

After

Width: 800  |  Height: 450  |  Size: 38 KiB

BIN
src/assets/img/all_case/52.jpg

After

Width: 800  |  Height: 450  |  Size: 32 KiB

BIN
src/assets/img/all_case/53.jpg

After

Width: 800  |  Height: 450  |  Size: 31 KiB

BIN
src/assets/img/all_case/54.jpg

After

Width: 800  |  Height: 450  |  Size: 19 KiB

BIN
src/assets/img/all_case/55.jpg

After

Width: 800  |  Height: 450  |  Size: 41 KiB

BIN
src/assets/img/all_case/56.jpg

After

Width: 800  |  Height: 450  |  Size: 30 KiB

11
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',
},`)
}

330
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',
},
]

66
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,
},
],
}

99
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 = {

25
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>

Loading…
Cancel
Save