baiqiu-cms-decoration-dg 0.0.14 → 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (40) hide show
  1. package/README.md +24 -18
  2. package/babel.config.js +5 -0
  3. package/dist/css/app.d43615c0.css +1 -0
  4. package/dist/css/chunk-vendors.ef1800aa.css +7 -0
  5. package/dist/favicon.ico +0 -0
  6. package/dist/index.html +1 -0
  7. package/dist/js/app.453dd14c.js +2 -0
  8. package/dist/js/app.453dd14c.js.map +1 -0
  9. package/dist/js/chunk-vendors.cfd53f93.js +37 -0
  10. package/dist/js/chunk-vendors.cfd53f93.js.map +1 -0
  11. package/package.json +61 -48
  12. package/public/favicon.ico +0 -0
  13. package/public/index.html +17 -0
  14. package/src/App.vue +594 -1007
  15. package/src/components/cms/buttonItem/buttonItem.js +1 -5
  16. package/src/components/cms/cms.js +11 -11
  17. package/src/components/cms/cms.vue +2 -2
  18. package/src/components/cms/imgNav/imgNav.js +0 -1
  19. package/src/components/cms/mixin.js +3 -8
  20. package/src/components/cms/productItem/productItem.js +5 -8
  21. package/src/components/cms/productItem/productItem.scss +2 -2
  22. package/src/components/cms/singleLayout/singleLayout.vue +6 -6
  23. package/src/components/cms/slideLayout/slideLayout.js +1 -1
  24. package/src/components/cms/tabLayout/tabLayout.js +3 -3
  25. package/src/components/cms/textItem/textItem.js +62 -69
  26. package/src/index.js +15 -18
  27. package/src/main.js +8 -7
  28. package/src/utils/http-client.js +0 -10
  29. package/webpack.config.js +1 -5
  30. package/.babelrc +0 -17
  31. package/.editorconfig +0 -9
  32. package/.prettierrc +0 -8
  33. package/dist/baiqiu-cms-decoration.min.js +0 -19
  34. package/dist/baiqiu-cms-decoration.min.js.map +0 -1
  35. package/dist/iconfont.svg +0 -1
  36. package/index.html +0 -11
  37. /package/dist/{font/iconfont.ttf → fonts/iconfont.529b3ed0.ttf} +0 -0
  38. /package/dist/{font/iconfont.eot → fonts/iconfont.580c918e.eot} +0 -0
  39. /package/dist/{font/iconfont.woff → fonts/iconfont.ea5b1aa2.woff} +0 -0
  40. /package/dist/{font/iconfont.svg → img/iconfont.654cc65b.svg} +0 -0
package/src/App.vue CHANGED
@@ -1,1007 +1,594 @@
1
- <template>
2
- <div id="app">
3
- <cms
4
- ref="cmsRef"
5
- :cmsList="cmsList"
6
- :canDrag="false"
7
- :canDragInc="false"
8
- :mode="mode"
9
- :ratio="ratio"
10
- :fontRatio="fontRatio"
11
- :envUrl="envUrl"
12
- v-bind="$attrs"
13
- v-on="$listeners"
14
- @jumpLink="jumpLink"
15
- ></cms>
16
- </div>
17
- </template>
18
-
19
- <script>
20
- import cms from './components/cms/'
21
- export default {
22
- name: 'app',
23
- components: {
24
- cms
25
- },
26
- data() {
27
- return {
28
- cmsList: [
29
- {
30
- recordId: 4228,
31
-
32
- terminalId: 186,
33
-
34
- pageCode: '1000',
35
-
36
- versionAdapterType: 2,
37
-
38
- componentCode: '1',
39
-
40
- componentVersion: '',
41
-
42
- componentSortNum: 1,
43
-
44
- attributeJson: {
45
- uniqueId: '',
46
-
47
- uniqueName: '整行排列3',
48
-
49
- component: 'singleLayout',
50
-
51
- layoutStyle: {
52
- widthStyle: {
53
- type: 1,
54
-
55
- width: 100
56
- },
57
-
58
- height: '400',
59
-
60
- bgStyle: {
61
- type: 1,
62
-
63
- backgroundColor: '',
64
-
65
- picList: []
66
- }
67
- },
68
-
69
- componentList: [
70
- {
71
- componentName: '图片',
72
-
73
- component: 'imgNav',
74
-
75
- type: 2,
76
-
77
- displayType: 1,
78
-
79
- indicatorType: 1,
80
-
81
- oneLineCount: 1,
82
-
83
- attributeJson: {
84
- uniqueId: '',
85
-
86
- uniqueName: '基础图片0',
87
-
88
- styleType: 1,
89
-
90
- baseStyle: {
91
- w: 750,
92
-
93
- h: 417.8272980501393,
94
-
95
- l: '0',
96
-
97
- t: 0,
98
-
99
- isLocked: true,
100
-
101
- isCopy: false
102
- },
103
-
104
- paddingSpacing: 0,
105
-
106
- itemSpacing: 0,
107
-
108
- animationInObj: {
109
- type: '',
110
-
111
- direction: 'slideInUp',
112
-
113
- delay: 0,
114
-
115
- duration: 1,
116
-
117
- sort: ''
118
- },
119
-
120
- animationHoverObj: {
121
- type: 1,
122
-
123
- borderStyle: {
124
- type: 1,
125
-
126
- borderColor: '#202832',
127
-
128
- borderTop: '',
129
-
130
- borderRight: '',
131
-
132
- borderBottom: '',
133
-
134
- borderLeft: ''
135
- },
136
-
137
- hoverImgList: []
138
- },
139
-
140
- list: [
141
- {
142
- uniqueId: '',
143
-
144
- uniqueName: '图片1',
145
-
146
- picList: [
147
- {
148
- recordId: 7838,
149
-
150
- classificationId: 0,
151
-
152
- resourceStorageType: 3,
153
-
154
- resourceExtensionType: 1,
155
-
156
- resourceExtensionName: '.jpg',
157
-
158
- resourceName: '10.jpg',
159
-
160
- resourceActualName: '7c19bc3e-1685-4b21-b7c1-e3965537c44a.jpg',
161
-
162
- resourcePath: 'https://mpimg.ibaiqiu.cn/7c19bc3e-1685-4b21-b7c1-e3965537c44a.jpg',
163
-
164
- resourceCoverId: null,
165
-
166
- resourceCoverPath: '',
167
-
168
- summary: '',
169
-
170
- size: 1098294,
171
-
172
- width: 1077,
173
-
174
- height: 600,
175
-
176
- duration: null,
177
-
178
- attributeJson: '',
179
-
180
- md5Hashcode: 'db2ec544613c0dd65e7872dfa5e70301',
181
-
182
- wxAppId: '',
183
-
184
- wxMediaId: '',
185
-
186
- qnHashcode: 'Fk1P34qxO7A5vvrPGTmaPKXcds4M',
187
-
188
- resourceSource: 'MANAGEMENT_SYSTEM',
189
-
190
- shopCode: 'develop',
191
-
192
- tenantCode: 'buying',
193
-
194
- delFlg: 0,
195
-
196
- createTime: '2023-06-12 17:03:41',
197
-
198
- createUser: '',
199
-
200
- updateTime: '2023-06-12 17:03:41',
201
-
202
- updateUser: ''
203
- }
204
- ],
205
-
206
- popList: [],
207
-
208
- sort: 1690877757803,
209
-
210
- pic: 'https://mpimg.ibaiqiu.cn/7c19bc3e-1685-4b21-b7c1-e3965537c44a.jpg',
211
-
212
- height: 600,
213
-
214
- width: 1077,
215
-
216
- realWidth: 750,
217
-
218
- realHeight: 417.8272980501393,
219
-
220
- left: 0,
221
-
222
- top: 0
223
- }
224
- ],
225
-
226
- sort: 1690877756435
227
- },
228
-
229
- sort: 1690877756435
230
- }
231
- ],
232
-
233
- sort: 1690877685978
234
- },
235
-
236
- displayType: 1,
237
-
238
- languageCode: 'zh-CN',
239
-
240
- shopCode: 'develop',
241
-
242
- delFlg: 0,
243
-
244
- updateTime: '2023-08-01 16:16:19',
245
-
246
- updateId: '',
247
-
248
- createTime: '2023-08-01 16:14:46',
249
-
250
- createId: '',
251
-
252
- layoutType: 1,
253
-
254
- sort: 1690877685978,
255
-
256
- originalIdStr: '4228_1690877685978'
257
- },
258
-
259
- {
260
- recordId: 4230,
261
-
262
- terminalId: 186,
263
-
264
- pageCode: '1000',
265
-
266
- versionAdapterType: 2,
267
-
268
- componentCode: '1',
269
-
270
- componentVersion: '',
271
-
272
- componentSortNum: 3,
273
-
274
- attributeJson: {
275
- uniqueId: '',
276
-
277
- uniqueName: '整行排列4',
278
-
279
- component: 'singleLayout',
280
-
281
- layoutStyle: {
282
- widthStyle: {
283
- type: 1,
284
-
285
- width: 100
286
- },
287
-
288
- height: 1080,
289
-
290
- bgStyle: {
291
- type: 1,
292
-
293
- backgroundColor: '',
294
-
295
- picList: []
296
- }
297
- },
298
-
299
- componentList: [
300
- {
301
- componentName: 'DG换一换',
302
-
303
- type: 106,
304
-
305
- displayType: 1,
306
-
307
- component: 'latticeDG',
308
-
309
- componentRight: 'latticeDGConfig',
310
-
311
- entranceAnimateType: ['', 'fade', 'scale', 'slide'],
312
-
313
- dataReportCode: 32,
314
-
315
- attributeJson: {
316
- uniqueId: '',
317
-
318
- uniqueName: '基础DG换一换0',
319
-
320
- baseStyle: {
321
- w: 750,
322
-
323
- h: 1040,
324
-
325
- l: '0',
326
-
327
- t: '0',
328
-
329
- isLocked: true
330
- },
331
-
332
- title: 'ce ',
333
-
334
- titleType: 2,
335
-
336
- buttonImage: 'https://mpimg.ibaiqiu.cn/339ce7b9-641a-45ff-993a-9d41d7ad592c.jpeg',
337
-
338
- buttonPicList: [
339
- {
340
- recordId: 7878,
341
-
342
- classificationId: 0,
343
-
344
- resourceStorageType: 3,
345
-
346
- resourceExtensionType: 1,
347
-
348
- resourceExtensionName: '.jpeg',
349
-
350
- resourceName: 'IM_LOGO黑色.jpeg',
351
-
352
- resourceActualName: '339ce7b9-641a-45ff-993a-9d41d7ad592c.jpeg',
353
-
354
- resourcePath: 'https://mpimg.ibaiqiu.cn/339ce7b9-641a-45ff-993a-9d41d7ad592c.jpeg',
355
-
356
- resourceCoverId: null,
357
-
358
- resourceCoverPath: '',
359
-
360
- summary: '',
361
-
362
- size: 52571,
363
-
364
- width: 477,
365
-
366
- height: 104,
367
-
368
- duration: null,
369
-
370
- attributeJson: '',
371
-
372
- md5Hashcode: '9562500c6d629043f9a95416c401e4cb',
373
-
374
- wxAppId: '',
375
-
376
- wxMediaId: '',
377
-
378
- qnHashcode: 'FodlQLs_Qv19pkkz7sHcRJOP-wzU',
379
-
380
- resourceSource: 'MANAGEMENT_SYSTEM',
381
-
382
- shopCode: 'develop',
383
-
384
- tenantCode: 'buying',
385
-
386
- delFlg: 0,
387
-
388
- createTime: '2023-07-05 11:43:07',
389
-
390
- createUser: '',
391
-
392
- updateTime: '2023-07-05 11:43:07',
393
-
394
- updateUser: ''
395
- }
396
- ],
397
-
398
- list: [
399
- {
400
- sort: 1690878776859,
401
-
402
- uniqueName: '导航1',
403
-
404
- title: 'e',
405
-
406
- imageType: 2,
407
-
408
- matterList: [
409
- {
410
- sort: 1690878796413,
411
-
412
- uniqueName: '素材组1',
413
-
414
- picList: [],
415
-
416
- productInfoList: [
417
- {
418
- code: 'G8PV0TG7F2I',
419
-
420
- codeType: 'ITEM',
421
-
422
- brand: 'Dolce & Gabbana',
423
-
424
- multilingualBrand: null,
425
-
426
- name: 'Long-sleeved T-shirt with logo tag',
427
-
428
- multilingualName: null,
429
-
430
- standardPrice: null,
431
-
432
- salesPrice: null,
433
-
434
- originSalesPrice: null,
435
-
436
- sortNum: null,
437
-
438
- description: '',
439
-
440
- multilingualDescription: null,
441
-
442
- putawayStatus: 1,
443
-
444
- salesList: [],
445
-
446
- putawayTimeStamp: '',
447
-
448
- pulloffTimeStamp: '',
449
-
450
- inStockStatus: '--',
451
-
452
- inventory: null,
453
-
454
- preSale: null,
455
-
456
- isGift: 0,
457
-
458
- shopCode: 'develop',
459
-
460
- tenantCode: '',
461
-
462
- cmsColorVOList: [],
463
-
464
- mainPicUrl: 'https://img.ibaiqiu.com/applet-upload/1669720618-322-G8PV0TG7F2I-BLACK-1.png',
465
-
466
- itemStr: '',
467
-
468
- displayStatusStr: 'C端展示',
469
-
470
- displayStatus: 0
471
- },
472
-
473
- {
474
- code: 'CK1908AG085',
475
-
476
- codeType: 'ITEM',
477
-
478
- brand: 'Dolce & Gabbana',
479
-
480
- multilingualBrand: null,
481
-
482
- name: 'Daymaster 拼接材质运动鞋',
483
-
484
- multilingualName: null,
485
-
486
- standardPrice: null,
487
-
488
- salesPrice: null,
489
-
490
- originSalesPrice: null,
491
-
492
- sortNum: null,
493
-
494
- description: '',
495
-
496
- multilingualDescription: null,
497
-
498
- putawayStatus: 1,
499
-
500
- salesList: [],
501
-
502
- putawayTimeStamp: '',
503
-
504
- pulloffTimeStamp: '',
505
-
506
- inStockStatus: '--',
507
-
508
- inventory: null,
509
-
510
- preSale: null,
511
-
512
- isGift: 0,
513
-
514
- shopCode: 'develop',
515
-
516
- tenantCode: '',
517
-
518
- cmsColorVOList: [],
519
-
520
- mainPicUrl: 'https://img.ibaiqiu.com/applet-upload/1669720592-322-CK1908AG085-WHITE-1.png',
521
-
522
- itemStr: '',
523
-
524
- displayStatusStr: 'C端展示',
525
-
526
- displayStatus: 0
527
- },
528
-
529
- {
530
- code: 'GVRYATFUMQG',
531
-
532
- codeType: 'ITEM',
533
-
534
- brand: 'Dolce & Gabbana',
535
-
536
- multilingualBrand: null,
537
-
538
- name: '标牌尼龙工装裤',
539
-
540
- multilingualName: null,
541
-
542
- standardPrice: null,
543
-
544
- salesPrice: null,
545
-
546
- originSalesPrice: null,
547
-
548
- sortNum: null,
549
-
550
- description: '',
551
-
552
- multilingualDescription: null,
553
-
554
- putawayStatus: 1,
555
-
556
- salesList: [],
557
-
558
- putawayTimeStamp: '',
559
-
560
- pulloffTimeStamp: '',
561
-
562
- inStockStatus: '--',
563
-
564
- inventory: null,
565
-
566
- preSale: null,
567
-
568
- isGift: 0,
569
-
570
- shopCode: 'develop',
571
-
572
- tenantCode: '',
573
-
574
- cmsColorVOList: [],
575
-
576
- mainPicUrl: 'https://img.ibaiqiu.com/applet-upload/1669720610-322-GVRYATFUMQG-BLACK-1.png',
577
-
578
- itemStr: '',
579
-
580
- displayStatusStr: 'C端展示',
581
-
582
- displayStatus: 0
583
- },
584
-
585
- {
586
- code: 'CQ0353A1016',
587
-
588
- codeType: 'ITEM',
589
-
590
- brand: 'Dolce & Gabbana',
591
-
592
- multilingualBrand: null,
593
-
594
- name: 'DEVOTION 纳帕皮革夹趾凉鞋',
595
-
596
- multilingualName: null,
597
-
598
- standardPrice: null,
599
-
600
- salesPrice: null,
601
-
602
- originSalesPrice: null,
603
-
604
- sortNum: null,
605
-
606
- description: '',
607
-
608
- multilingualDescription: null,
609
-
610
- putawayStatus: 1,
611
-
612
- salesList: [],
613
-
614
- putawayTimeStamp: '',
615
-
616
- pulloffTimeStamp: '',
617
-
618
- inStockStatus: '--',
619
-
620
- inventory: null,
621
-
622
- preSale: null,
623
-
624
- isGift: 0,
625
-
626
- shopCode: 'develop',
627
-
628
- tenantCode: '',
629
-
630
- cmsColorVOList: [],
631
-
632
- mainPicUrl: 'https://img.ibaiqiu.com/applet-upload/1669720601-322-CQ0353A1016-SILVER-1.png',
633
-
634
- itemStr: '',
635
-
636
- displayStatusStr: 'C端展示',
637
-
638
- displayStatus: 0
639
- },
640
-
641
- {
642
- code: 'CR1377A1037',
643
-
644
- codeType: 'ITEM',
645
-
646
- brand: 'Dolce & Gabbana',
647
-
648
- multilingualBrand: null,
649
-
650
- name: '3.5 鞋跟亮泽小牛皮穆勒鞋',
651
-
652
- multilingualName: null,
653
-
654
- standardPrice: null,
655
-
656
- salesPrice: null,
657
-
658
- originSalesPrice: null,
659
-
660
- sortNum: null,
661
-
662
- description: '',
663
-
664
- multilingualDescription: null,
665
-
666
- putawayStatus: 1,
667
-
668
- salesList: [],
669
-
670
- putawayTimeStamp: '',
671
-
672
- pulloffTimeStamp: '',
673
-
674
- inStockStatus: '--',
675
-
676
- inventory: null,
677
-
678
- preSale: null,
679
-
680
- isGift: 0,
681
-
682
- shopCode: 'develop',
683
-
684
- tenantCode: '',
685
-
686
- cmsColorVOList: [],
687
-
688
- mainPicUrl: 'https://img.ibaiqiu.com/applet-upload/1669720594-322-CR1377A1037-BRIGHTGREEN-1.png',
689
-
690
- itemStr: '',
691
-
692
- displayStatusStr: 'C端展示',
693
-
694
- displayStatus: 0
695
- },
696
-
697
- {
698
- code: 'G036DTHUMQQ',
699
-
700
- codeType: 'ITEM',
701
-
702
- brand: 'Dolce & Gabbana',
703
-
704
- multilingualBrand: null,
705
-
706
- name: 'Double-breasted wool pea coat with branded tag',
707
-
708
- multilingualName: null,
709
-
710
- standardPrice: null,
711
-
712
- salesPrice: null,
713
-
714
- originSalesPrice: null,
715
-
716
- sortNum: null,
717
-
718
- description: '',
719
-
720
- multilingualDescription: null,
721
-
722
- putawayStatus: 1,
723
-
724
- salesList: [],
725
-
726
- putawayTimeStamp: '',
727
-
728
- pulloffTimeStamp: '',
729
-
730
- inStockStatus: '--',
731
-
732
- inventory: null,
733
-
734
- preSale: null,
735
-
736
- isGift: 0,
737
-
738
- shopCode: 'develop',
739
-
740
- tenantCode: '',
741
-
742
- cmsColorVOList: [],
743
-
744
- mainPicUrl: 'https://img.ibaiqiu.com/applet-upload/1669720599-322-G036DTHUMQQ-BLACK-1.png',
745
-
746
- itemStr: '',
747
-
748
- displayStatusStr: 'C端展示',
749
-
750
- displayStatus: 0
751
- },
752
-
753
- {
754
- code: 'CD1718AD455',
755
-
756
- codeType: 'ITEM',
757
-
758
- brand: 'Dolce & Gabbana',
759
-
760
- multilingualBrand: null,
761
-
762
- name: '徽标印花小牛皮高跟鞋',
763
-
764
- multilingualName: null,
765
-
766
- standardPrice: null,
767
-
768
- salesPrice: null,
769
-
770
- originSalesPrice: null,
771
-
772
- sortNum: null,
773
-
774
- description: '',
775
-
776
- multilingualDescription: null,
777
-
778
- putawayStatus: 1,
779
-
780
- salesList: [],
781
-
782
- putawayTimeStamp: '',
783
-
784
- pulloffTimeStamp: '',
785
-
786
- inStockStatus: '--',
787
-
788
- inventory: null,
789
-
790
- preSale: null,
791
-
792
- isGift: 0,
793
-
794
- shopCode: 'develop',
795
-
796
- tenantCode: '',
797
-
798
- cmsColorVOList: [],
799
-
800
- mainPicUrl: 'https://img.ibaiqiu.com/applet-upload/1669720597-322-CD1718AD455-LOGO2 NERO F.BCO OTT-1.png',
801
-
802
- itemStr: '',
803
-
804
- displayStatusStr: 'C端展示',
805
-
806
- displayStatus: 0
807
- },
808
-
809
- {
810
- code: 'G8PT1TG7F2I',
811
-
812
- codeType: 'ITEM',
813
-
814
- brand: 'Dolce & Gabbana',
815
-
816
- multilingualBrand: null,
817
-
818
- name: 'Cotton T-shirt with branded tag',
819
-
820
- multilingualName: null,
821
-
822
- standardPrice: null,
823
-
824
- salesPrice: null,
825
-
826
- originSalesPrice: null,
827
-
828
- sortNum: null,
829
-
830
- description: '',
831
-
832
- multilingualDescription: null,
833
-
834
- putawayStatus: 1,
835
-
836
- salesList: [],
837
-
838
- putawayTimeStamp: '',
839
-
840
- pulloffTimeStamp: '',
841
-
842
- inStockStatus: '--',
843
-
844
- inventory: null,
845
-
846
- preSale: null,
847
-
848
- isGift: 0,
849
-
850
- shopCode: 'develop',
851
-
852
- tenantCode: '',
853
-
854
- cmsColorVOList: [],
855
-
856
- mainPicUrl: 'https://img.ibaiqiu.com/applet-upload/1669720608-322-G8PT1TG7F2I-BLACK-1.png',
857
-
858
- itemStr: '',
859
-
860
- displayStatusStr: 'C端展示',
861
-
862
- displayStatus: 0
863
- },
864
-
865
- {
866
- code: 'CG0505AQ130',
867
-
868
- codeType: 'ITEM',
869
-
870
- brand: 'Dolce & Gabbana',
871
-
872
- multilingualBrand: null,
873
-
874
- name: 'DG Karol 鞋跟漆皮后系带鞋',
875
-
876
- multilingualName: null,
877
-
878
- standardPrice: null,
879
-
880
- salesPrice: null,
881
-
882
- originSalesPrice: null,
883
-
884
- sortNum: null,
885
-
886
- description: '',
887
-
888
- multilingualDescription: null,
889
-
890
- putawayStatus: 1,
891
-
892
- salesList: [],
893
-
894
- putawayTimeStamp: '',
895
-
896
- pulloffTimeStamp: '',
897
-
898
- inStockStatus: '--',
899
-
900
- inventory: null,
901
-
902
- preSale: null,
903
-
904
- isGift: 0,
905
-
906
- shopCode: 'develop',
907
-
908
- tenantCode: '',
909
-
910
- cmsColorVOList: [],
911
-
912
- mainPicUrl: 'https://img.ibaiqiu.com/applet-upload/1669720605-322-CG0505AQ130-BLACK/GOLD-1.png',
913
-
914
- itemStr: '',
915
-
916
- displayStatusStr: 'C端展示',
917
-
918
- displayStatus: 0
919
- }
920
- ]
921
- }
922
- ]
923
- }
924
- ],
925
-
926
- animationInObj: {
927
- type: '',
928
-
929
- direction: 'slideInUp',
930
-
931
- delay: 0,
932
-
933
- duration: 1,
934
-
935
- sort: ''
936
- },
937
-
938
- animationHoverObj: {},
939
-
940
- sort: 1690878775397
941
- },
942
-
943
- sort: 1690878775397
944
- }
945
- ],
946
-
947
- sort: 1690878770835
948
- },
949
-
950
- displayType: 1,
951
-
952
- languageCode: 'zh-CN',
953
-
954
- shopCode: 'develop',
955
-
956
- delFlg: 0,
957
-
958
- updateTime: '2023-08-01 16:33:28',
959
-
960
- updateId: '',
961
-
962
- createTime: '2023-08-01 16:32:53',
963
-
964
- createId: '',
965
-
966
- layoutType: 1,
967
-
968
- sort: 1690878770835,
969
-
970
- originalIdStr: '4230_1690878770835'
971
- }
972
- ],
973
- ratio: 1,
974
- fontRatio: 1,
975
- mode: 'pc',
976
- envUrl: 'https://mpdev.ibaiqiu.com/'
977
- }
978
- },
979
- mounted() {},
980
- methods: {
981
- onResize(e) {
982
- this.ratio = e.width / (this.device == 'pc' ? 1920 : 750)
983
- },
984
- jumpLink(e) {
985
- console.log(e, '热区')
986
- }
987
- }
988
- }
989
- </script>
990
-
991
- <style lang="scss">
992
- body {
993
- margin: 0;
994
- }
995
-
996
- #app {
997
- font-family: 'Avenir', Helvetica, Arial, sans-serif;
998
- -webkit-font-smoothing: antialiased;
999
- -moz-osx-font-smoothing: grayscale;
1000
- text-align: center;
1001
- color: #2c3e50;
1002
- }
1003
-
1004
- div {
1005
- box-sizing: border-box;
1006
- }
1007
- </style>
1
+ <template>
2
+ <div id="app">
3
+ <cms
4
+ ref="cmsRef"
5
+ :cmsList="cmsList"
6
+ :canDrag="false"
7
+ :canDragInc="false"
8
+ :mode="mode"
9
+ :ratio="ratio"
10
+ :fontRatio="fontRatio"
11
+ :envUrl="envUrl"
12
+ v-bind="$attrs"
13
+ v-on="$listeners"
14
+ @jumpLink="jumpLink"></cms>
15
+ </div>
16
+ </template>
17
+
18
+ <script>
19
+ import cms from "./components/cms/";
20
+ export default {
21
+ name: "app",
22
+ components: {
23
+ cms,
24
+ },
25
+ data() {
26
+ return {
27
+ cmsList: [
28
+ {
29
+ recordId: 14786,
30
+ originalId: 4228,
31
+ terminalId: 186,
32
+ pageCode: "1000",
33
+ versionAdapterType: 2,
34
+ decorationToolsVersion: "V2",
35
+ componentCode: "1",
36
+ componentVersion: "",
37
+ componentSortNum: 1,
38
+ attributeJson: {
39
+ uniqueId: "",
40
+ uniqueName: "整行排列3",
41
+ component: "singleLayout",
42
+ layoutStyle: {
43
+ widthStyle: {
44
+ type: 1,
45
+ width: 100,
46
+ },
47
+ height: "400",
48
+ bgStyle: {
49
+ type: 1,
50
+ backgroundColor: "",
51
+ picList: [],
52
+ },
53
+ },
54
+ componentList: [
55
+ {
56
+ componentName: "图片",
57
+ component: "imgNav",
58
+ type: 2,
59
+ displayType: 1,
60
+ indicatorType: 1,
61
+ oneLineCount: 1,
62
+ attributeJson: {
63
+ uniqueId: "",
64
+ uniqueName: "基础图片0",
65
+ styleType: 1,
66
+ baseStyle: {
67
+ w: 750,
68
+ h: 417.8272980501393,
69
+ l: "0",
70
+ t: 0,
71
+ isLocked: true,
72
+ isCopy: false,
73
+ },
74
+ paddingSpacing: 0,
75
+ itemSpacing: 0,
76
+ animationInObj: {
77
+ type: "",
78
+ direction: "slideInUp",
79
+ delay: 0,
80
+ duration: 1,
81
+ sort: "",
82
+ },
83
+ animationHoverObj: {
84
+ type: 1,
85
+ borderStyle: {
86
+ type: 1,
87
+ borderColor: "#202832",
88
+ borderTop: "",
89
+ borderRight: "",
90
+ borderBottom: "",
91
+ borderLeft: "",
92
+ },
93
+ hoverImgList: [],
94
+ },
95
+ list: [
96
+ {
97
+ uniqueId: "",
98
+ uniqueName: "图片1",
99
+ picList: [
100
+ {
101
+ recordId: 7838,
102
+ classificationId: 0,
103
+ resourceStorageType: 3,
104
+ resourceExtensionType: 1,
105
+ resourceExtensionName: ".jpg",
106
+ resourceName: "10.jpg",
107
+ resourceActualName:
108
+ "7c19bc3e-1685-4b21-b7c1-e3965537c44a.jpg",
109
+ resourcePath:
110
+ "https://mpimg.ibaiqiu.cn/7c19bc3e-1685-4b21-b7c1-e3965537c44a.jpg",
111
+ resourceCoverId: null,
112
+ resourceCoverPath: "",
113
+ summary: "",
114
+ size: 1098294,
115
+ width: 1077,
116
+ height: 600,
117
+ duration: null,
118
+ attributeJson: "",
119
+ md5Hashcode: "db2ec544613c0dd65e7872dfa5e70301",
120
+ wxAppId: "",
121
+ wxMediaId: "",
122
+ qnHashcode: "Fk1P34qxO7A5vvrPGTmaPKXcds4M",
123
+ resourceSource: "MANAGEMENT_SYSTEM",
124
+ shopCode: "develop",
125
+ tenantCode: "buying",
126
+ delFlg: 0,
127
+ createTime: "2023-06-12 17:03:41",
128
+ createUser: "",
129
+ updateTime: "2023-06-12 17:03:41",
130
+ updateUser: "",
131
+ },
132
+ ],
133
+ popList: [],
134
+ sort: 1690877757803,
135
+ pic: "https://mpimg.ibaiqiu.cn/7c19bc3e-1685-4b21-b7c1-e3965537c44a.jpg",
136
+ height: 600,
137
+ width: 1077,
138
+ realWidth: 750,
139
+ realHeight: 417.8272980501393,
140
+ left: 0,
141
+ top: 0,
142
+ isReport: true,
143
+ },
144
+ ],
145
+ sort: 1690877756435,
146
+ },
147
+ sort: 1690877756435,
148
+ },
149
+ ],
150
+ sort: 1690877685978,
151
+ },
152
+ languageCode: "zh-CN",
153
+ shopCode: "develop",
154
+ delFlg: 0,
155
+ updateTime: "2023-08-02 10:15:20",
156
+ updateId: "",
157
+ createTime: "2023-08-02 10:15:20",
158
+ createId: "",
159
+ layoutType: 1,
160
+ sort: 1690877685978,
161
+ originalIdStr: "4228_1690877685978",
162
+ },
163
+ {
164
+ recordId: 14787,
165
+ originalId: 4230,
166
+ terminalId: 186,
167
+ pageCode: "1000",
168
+ versionAdapterType: 2,
169
+ decorationToolsVersion: "V2",
170
+ componentCode: "1",
171
+ componentVersion: "",
172
+ componentSortNum: 3,
173
+ attributeJson: {
174
+ uniqueId: "",
175
+ uniqueName: "整行排列4",
176
+ component: "singleLayout",
177
+ layoutStyle: {
178
+ widthStyle: {
179
+ type: 1,
180
+ width: 100,
181
+ },
182
+ height: 1080,
183
+ bgStyle: {
184
+ type: 1,
185
+ backgroundColor: "",
186
+ picList: [],
187
+ },
188
+ },
189
+ componentList: [
190
+ {
191
+ componentName: "DG换一换",
192
+ type: 106,
193
+ displayType: 1,
194
+ component: "latticeDG",
195
+ componentRight: "latticeDGConfig",
196
+ entranceAnimateType: ["", "fade", "scale", "slide"],
197
+ dataReportCode: 32,
198
+ attributeJson: {
199
+ uniqueId: "",
200
+ uniqueName: "基础DG换一换0",
201
+ baseStyle: {
202
+ w: 750,
203
+ h: 1040,
204
+ l: "0",
205
+ t: "0",
206
+ isLocked: true,
207
+ },
208
+ title: "ce ",
209
+ titleType: 2,
210
+ buttonImage:
211
+ "https://mpimg.ibaiqiu.cn/339ce7b9-641a-45ff-993a-9d41d7ad592c.jpeg",
212
+ buttonPicList: [
213
+ {
214
+ recordId: 7878,
215
+ classificationId: 0,
216
+ resourceStorageType: 3,
217
+ resourceExtensionType: 1,
218
+ resourceExtensionName: ".jpeg",
219
+ resourceName: "IM_LOGO黑色.jpeg",
220
+ resourceActualName:
221
+ "339ce7b9-641a-45ff-993a-9d41d7ad592c.jpeg",
222
+ resourcePath:
223
+ "https://mpimg.ibaiqiu.cn/339ce7b9-641a-45ff-993a-9d41d7ad592c.jpeg",
224
+ resourceCoverId: null,
225
+ resourceCoverPath: "",
226
+ summary: "",
227
+ size: 52571,
228
+ width: 477,
229
+ height: 104,
230
+ duration: null,
231
+ attributeJson: "",
232
+ md5Hashcode: "9562500c6d629043f9a95416c401e4cb",
233
+ wxAppId: "",
234
+ wxMediaId: "",
235
+ qnHashcode: "FodlQLs_Qv19pkkz7sHcRJOP-wzU",
236
+ resourceSource: "MANAGEMENT_SYSTEM",
237
+ shopCode: "develop",
238
+ tenantCode: "buying",
239
+ delFlg: 0,
240
+ createTime: "2023-07-05 11:43:07",
241
+ createUser: "",
242
+ updateTime: "2023-07-05 11:43:07",
243
+ updateUser: "",
244
+ },
245
+ ],
246
+ list: [
247
+ {
248
+ sort: 1690878776859,
249
+ uniqueName: "导航1",
250
+ title: "e",
251
+ imageType: 2,
252
+ matterList: [
253
+ {
254
+ sort: 1690878796413,
255
+ uniqueName: "素材组1",
256
+ picList: [],
257
+ productInfoList: [
258
+ {
259
+ code: "G8PV0TG7F2I",
260
+ codeType: "ITEM",
261
+ brand: "Dolce & Gabbana",
262
+ multilingualBrand: null,
263
+ name: "Long-sleeved T-shirt with logo tag",
264
+ multilingualName: null,
265
+ standardPrice: null,
266
+ salesPrice: null,
267
+ originSalesPrice: null,
268
+ sortNum: null,
269
+ description: "",
270
+ multilingualDescription: null,
271
+ putawayStatus: 1,
272
+ salesList: [],
273
+ putawayTimeStamp: "",
274
+ pulloffTimeStamp: "",
275
+ inStockStatus: "--",
276
+ inventory: null,
277
+ preSale: null,
278
+ isGift: 0,
279
+ shopCode: "develop",
280
+ tenantCode: "",
281
+ cmsColorVOList: [],
282
+ mainPicUrl:
283
+ "https://img.ibaiqiu.com/applet-upload/1669720618-322-G8PV0TG7F2I-BLACK-1.png",
284
+ itemStr: "",
285
+ displayStatusStr: "C端展示",
286
+ displayStatus: 0,
287
+ },
288
+ {
289
+ code: "CK1908AG085",
290
+ codeType: "ITEM",
291
+ brand: "Dolce & Gabbana",
292
+ multilingualBrand: null,
293
+ name: "Daymaster 拼接材质运动鞋",
294
+ multilingualName: null,
295
+ standardPrice: null,
296
+ salesPrice: null,
297
+ originSalesPrice: null,
298
+ sortNum: null,
299
+ description: "",
300
+ multilingualDescription: null,
301
+ putawayStatus: 1,
302
+ salesList: [],
303
+ putawayTimeStamp: "",
304
+ pulloffTimeStamp: "",
305
+ inStockStatus: "--",
306
+ inventory: null,
307
+ preSale: null,
308
+ isGift: 0,
309
+ shopCode: "develop",
310
+ tenantCode: "",
311
+ cmsColorVOList: [],
312
+ mainPicUrl:
313
+ "https://img.ibaiqiu.com/applet-upload/1669720592-322-CK1908AG085-WHITE-1.png",
314
+ itemStr: "",
315
+ displayStatusStr: "C端展示",
316
+ displayStatus: 0,
317
+ },
318
+ {
319
+ code: "GVRYATFUMQG",
320
+ codeType: "ITEM",
321
+ brand: "Dolce & Gabbana",
322
+ multilingualBrand: null,
323
+ name: "标牌尼龙工装裤",
324
+ multilingualName: null,
325
+ standardPrice: null,
326
+ salesPrice: null,
327
+ originSalesPrice: null,
328
+ sortNum: null,
329
+ description: "",
330
+ multilingualDescription: null,
331
+ putawayStatus: 1,
332
+ salesList: [],
333
+ putawayTimeStamp: "",
334
+ pulloffTimeStamp: "",
335
+ inStockStatus: "--",
336
+ inventory: null,
337
+ preSale: null,
338
+ isGift: 0,
339
+ shopCode: "develop",
340
+ tenantCode: "",
341
+ cmsColorVOList: [],
342
+ mainPicUrl:
343
+ "https://img.ibaiqiu.com/applet-upload/1669720610-322-GVRYATFUMQG-BLACK-1.png",
344
+ itemStr: "",
345
+ displayStatusStr: "C端展示",
346
+ displayStatus: 0,
347
+ },
348
+ {
349
+ code: "CQ0353A1016",
350
+ codeType: "ITEM",
351
+ brand: "Dolce & Gabbana",
352
+ multilingualBrand: null,
353
+ name: "DEVOTION 纳帕皮革夹趾凉鞋",
354
+ multilingualName: null,
355
+ standardPrice: null,
356
+ salesPrice: null,
357
+ originSalesPrice: null,
358
+ sortNum: null,
359
+ description: "",
360
+ multilingualDescription: null,
361
+ putawayStatus: 1,
362
+ salesList: [],
363
+ putawayTimeStamp: "",
364
+ pulloffTimeStamp: "",
365
+ inStockStatus: "--",
366
+ inventory: null,
367
+ preSale: null,
368
+ isGift: 0,
369
+ shopCode: "develop",
370
+ tenantCode: "",
371
+ cmsColorVOList: [],
372
+ mainPicUrl:
373
+ "https://img.ibaiqiu.com/applet-upload/1669720601-322-CQ0353A1016-SILVER-1.png",
374
+ itemStr: "",
375
+ displayStatusStr: "C端展示",
376
+ displayStatus: 0,
377
+ },
378
+ {
379
+ code: "CR1377A1037",
380
+ codeType: "ITEM",
381
+ brand: "Dolce & Gabbana",
382
+ multilingualBrand: null,
383
+ name: "3.5 鞋跟亮泽小牛皮穆勒鞋",
384
+ multilingualName: null,
385
+ standardPrice: null,
386
+ salesPrice: null,
387
+ originSalesPrice: null,
388
+ sortNum: null,
389
+ description: "",
390
+ multilingualDescription: null,
391
+ putawayStatus: 1,
392
+ salesList: [],
393
+ putawayTimeStamp: "",
394
+ pulloffTimeStamp: "",
395
+ inStockStatus: "--",
396
+ inventory: null,
397
+ preSale: null,
398
+ isGift: 0,
399
+ shopCode: "develop",
400
+ tenantCode: "",
401
+ cmsColorVOList: [],
402
+ mainPicUrl:
403
+ "https://img.ibaiqiu.com/applet-upload/1669720594-322-CR1377A1037-BRIGHTGREEN-1.png",
404
+ itemStr: "",
405
+ displayStatusStr: "C端展示",
406
+ displayStatus: 0,
407
+ },
408
+ {
409
+ code: "G036DTHUMQQ",
410
+ codeType: "ITEM",
411
+ brand: "Dolce & Gabbana",
412
+ multilingualBrand: null,
413
+ name: "Double-breasted wool pea coat with branded tag",
414
+ multilingualName: null,
415
+ standardPrice: null,
416
+ salesPrice: null,
417
+ originSalesPrice: null,
418
+ sortNum: null,
419
+ description: "",
420
+ multilingualDescription: null,
421
+ putawayStatus: 1,
422
+ salesList: [],
423
+ putawayTimeStamp: "",
424
+ pulloffTimeStamp: "",
425
+ inStockStatus: "--",
426
+ inventory: null,
427
+ preSale: null,
428
+ isGift: 0,
429
+ shopCode: "develop",
430
+ tenantCode: "",
431
+ cmsColorVOList: [],
432
+ mainPicUrl:
433
+ "https://img.ibaiqiu.com/applet-upload/1669720599-322-G036DTHUMQQ-BLACK-1.png",
434
+ itemStr: "",
435
+ displayStatusStr: "C端展示",
436
+ displayStatus: 0,
437
+ },
438
+ {
439
+ code: "CD1718AD455",
440
+ codeType: "ITEM",
441
+ brand: "Dolce & Gabbana",
442
+ multilingualBrand: null,
443
+ name: "徽标印花小牛皮高跟鞋",
444
+ multilingualName: null,
445
+ standardPrice: null,
446
+ salesPrice: null,
447
+ originSalesPrice: null,
448
+ sortNum: null,
449
+ description: "",
450
+ multilingualDescription: null,
451
+ putawayStatus: 1,
452
+ salesList: [],
453
+ putawayTimeStamp: "",
454
+ pulloffTimeStamp: "",
455
+ inStockStatus: "--",
456
+ inventory: null,
457
+ preSale: null,
458
+ isGift: 0,
459
+ shopCode: "develop",
460
+ tenantCode: "",
461
+ cmsColorVOList: [],
462
+ mainPicUrl:
463
+ "https://img.ibaiqiu.com/applet-upload/1669720597-322-CD1718AD455-LOGO2 NERO F.BCO OTT-1.png",
464
+ itemStr: "",
465
+ displayStatusStr: "C端展示",
466
+ displayStatus: 0,
467
+ },
468
+ {
469
+ code: "G8PT1TG7F2I",
470
+ codeType: "ITEM",
471
+ brand: "Dolce & Gabbana",
472
+ multilingualBrand: null,
473
+ name: "Cotton T-shirt with branded tag",
474
+ multilingualName: null,
475
+ standardPrice: null,
476
+ salesPrice: null,
477
+ originSalesPrice: null,
478
+ sortNum: null,
479
+ description: "",
480
+ multilingualDescription: null,
481
+ putawayStatus: 1,
482
+ salesList: [],
483
+ putawayTimeStamp: "",
484
+ pulloffTimeStamp: "",
485
+ inStockStatus: "--",
486
+ inventory: null,
487
+ preSale: null,
488
+ isGift: 0,
489
+ shopCode: "develop",
490
+ tenantCode: "",
491
+ cmsColorVOList: [],
492
+ mainPicUrl:
493
+ "https://img.ibaiqiu.com/applet-upload/1669720608-322-G8PT1TG7F2I-BLACK-1.png",
494
+ itemStr: "",
495
+ displayStatusStr: "C端展示",
496
+ displayStatus: 0,
497
+ },
498
+ {
499
+ code: "CG0505AQ130",
500
+ codeType: "ITEM",
501
+ brand: "Dolce & Gabbana",
502
+ multilingualBrand: null,
503
+ name: "DG Karol 鞋跟漆皮后系带鞋",
504
+ multilingualName: null,
505
+ standardPrice: null,
506
+ salesPrice: null,
507
+ originSalesPrice: null,
508
+ sortNum: null,
509
+ description: "",
510
+ multilingualDescription: null,
511
+ putawayStatus: 1,
512
+ salesList: [],
513
+ putawayTimeStamp: "",
514
+ pulloffTimeStamp: "",
515
+ inStockStatus: "--",
516
+ inventory: null,
517
+ preSale: null,
518
+ isGift: 0,
519
+ shopCode: "develop",
520
+ tenantCode: "",
521
+ cmsColorVOList: [],
522
+ mainPicUrl:
523
+ "https://img.ibaiqiu.com/applet-upload/1669720605-322-CG0505AQ130-BLACK/GOLD-1.png",
524
+ itemStr: "",
525
+ displayStatusStr: "C端展示",
526
+ displayStatus: 0,
527
+ },
528
+ ],
529
+ },
530
+ ],
531
+ },
532
+ ],
533
+ animationInObj: {
534
+ type: "",
535
+ direction: "slideInUp",
536
+ delay: 0,
537
+ duration: 1,
538
+ sort: "",
539
+ },
540
+ animationHoverObj: {},
541
+ sort: 1690878775397,
542
+ },
543
+ sort: 1690878775397,
544
+ },
545
+ ],
546
+ sort: 1690878770835,
547
+ },
548
+ languageCode: "zh-CN",
549
+ shopCode: "develop",
550
+ delFlg: 0,
551
+ updateTime: "2023-08-02 10:15:20",
552
+ updateId: "",
553
+ createTime: "2023-08-02 10:15:20",
554
+ createId: "",
555
+ layoutType: 1,
556
+ sort: 1690878770835,
557
+ originalIdStr: "4230_1690878770835",
558
+ }
559
+ ],
560
+ ratio: 1,
561
+ fontRatio: 1,
562
+ mode: "pc",
563
+ envUrl: "https://mpdev.ibaiqiu.com/",
564
+ };
565
+ },
566
+ mounted() {},
567
+ methods: {
568
+ onResize(e) {
569
+ this.ratio = e.width / (this.device == "pc" ? 1920 : 750);
570
+ },
571
+ jumpLink(e) {
572
+ console.log(e, "热区");
573
+ },
574
+ },
575
+ };
576
+ </script>
577
+
578
+ <style lang="scss">
579
+ body {
580
+ margin: 0;
581
+ }
582
+
583
+ #app {
584
+ font-family: "Avenir", Helvetica, Arial, sans-serif;
585
+ -webkit-font-smoothing: antialiased;
586
+ -moz-osx-font-smoothing: grayscale;
587
+ text-align: center;
588
+ color: #2c3e50;
589
+ }
590
+
591
+ div {
592
+ box-sizing: border-box;
593
+ }
594
+ </style>