-
-
Notifications
You must be signed in to change notification settings - Fork 13
/
assets.json
5327 lines (5327 loc) · 885 KB
/
assets.json
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
{
"name": "Antd Mobile Plus",
"logo": "https://user-images.githubusercontent.com/11746742/104428726-c2c90300-55bf-11eb-9b84-d52a86050b9a.png",
"assets": {
"atoms": [
{
"identifier": "AccordionCard",
"name": "收缩卡片"
},
{
"identifier": "ActionMaper",
"name": "定位地图块"
},
{
"identifier": "Calendar",
"name": "日历 Calendar"
},
{
"identifier": "CalendarPlus",
"name": "日历"
},
{
"identifier": "Capsule",
"name": "胶囊按钮"
},
{
"identifier": "Card",
"name": "卡片"
},
{
"identifier": "CityPicker",
"name": "选择器"
},
{
"identifier": "CopyBtn",
"name": "复制按钮"
},
{
"identifier": "DemoComponent",
"name": "演示组件"
},
{
"identifier": "DemoComponent",
"name": "演示组件"
},
{
"identifier": "Empty",
"name": "空状态"
},
{
"identifier": "FilterItems",
"name": "筛选项"
},
{
"identifier": "FooterBar",
"name": "底部按钮栏"
},
{
"identifier": "FunctionalCard",
"name": "功能卡片"
},
{
"identifier": "GradientProgress",
"name": "渐变进度条"
},
{
"identifier": "HeaderFullView",
"name": "全视图"
},
{
"identifier": "LazyImage",
"name": "图片"
},
{
"identifier": "LevelView",
"name": "流程环节"
},
{
"identifier": "LightInfoCard",
"name": "信息卡片"
},
{
"identifier": "Loading",
"name": "加载中"
},
{
"identifier": "NewsStatistic",
"name": "新闻文本及点赞"
},
{
"identifier": "NoticeBarPlus",
"name": "公告栏"
},
{
"identifier": "Notification",
"name": "消息通知"
},
{
"identifier": "PickerPanel",
"name": "选择面板"
},
{
"identifier": "Popup",
"name": "弹出视图"
},
{
"identifier": "ProcessTrack",
"name": "流程轨迹"
},
{
"identifier": "QRCode",
"name": "二维码"
},
{
"identifier": "RibbonColor",
"name": "彩带"
},
{
"identifier": "ScrollToAnchor",
"name": "锚点"
},
{
"identifier": "SearchView",
"name": "搜索"
},
{
"identifier": "Signature",
"name": "电子签名"
},
{
"identifier": "SimpleCard",
"name": "简易卡片"
},
{
"identifier": "Star",
"name": "评分组件"
},
{
"identifier": "Tab",
"name": "功能页签"
},
{
"identifier": "Table",
"name": "表格"
},
{
"identifier": "TaskPanel",
"name": "任务面板"
},
{
"identifier": "TextGroup",
"name": "文本选择"
},
{
"identifier": "TextOverflow",
"name": "文本省略"
},
{
"identifier": "UploadFile",
"name": "附件上传"
},
{
"identifier": "Watermark",
"name": "水印"
},
{
"identifier": "YearMonthView",
"name": "年月"
},
{
"identifier": "Accordion",
"name": "Accordion 手风琴"
},
{
"identifier": "Accordion",
"name": "Accordion 手风琴"
},
{
"identifier": "ActionSheet",
"name": "ActionSheet 动作面板"
},
{
"identifier": "ActionSheet",
"name": "ActionSheet 动作面板"
},
{
"identifier": "ActivityIndicator",
"name": "ActivityIndicator 活动指示器"
},
{
"identifier": "ActivityIndicator",
"name": "ActivityIndicator 活动指示器"
},
{
"identifier": "Badge",
"name": "Badge 徽标数"
},
{
"identifier": "Badge",
"name": "Badge 徽标数"
},
{
"identifier": "Button",
"name": "Button 按钮"
},
{
"identifier": "Button",
"name": "Button 按钮"
},
{
"identifier": "Calendar",
"name": "Calendar 日历"
},
{
"identifier": "Calendar",
"name": "Calendar 日历"
},
{
"identifier": "Card",
"name": "Card 卡片"
},
{
"identifier": "Card",
"name": "Card 卡片"
},
{
"identifier": "Carousel",
"name": "Carousel 走马灯"
},
{
"identifier": "Carousel",
"name": "Carousel 走马灯"
},
{
"identifier": "Checkbox",
"name": "Checkbox 复选框"
},
{
"identifier": "Checkbox",
"name": "Checkbox 复选框"
},
{
"identifier": "DatePicker",
"name": "DatePicker 日期选择"
},
{
"identifier": "DatePicker",
"name": "DatePicker 日期选择"
},
{
"identifier": "DatePickerView",
"name": "DatePickerView 选择器"
},
{
"identifier": "DatePickerView",
"name": "DatePickerView 选择器"
},
{
"identifier": "Drawer",
"name": "Drawer 抽屉"
},
{
"identifier": "Drawer",
"name": "Drawer 抽屉"
},
{
"identifier": "Flex",
"name": "Flex Flex布局"
},
{
"identifier": "Flex",
"name": "Flex Flex布局"
},
{
"identifier": "Grid",
"name": "Grid 九宫格"
},
{
"identifier": "Grid",
"name": "Grid 九宫格"
},
{
"identifier": "Icon",
"name": "Icon 图标"
},
{
"identifier": "Icon",
"name": "Icon 图标"
},
{
"identifier": "ImagePicker",
"name": "ImagePicker 图片选择器"
},
{
"identifier": "ImagePicker",
"name": "ImagePicker 图片选择器"
},
{
"identifier": "InputItem",
"name": "InputItem 文本输入"
},
{
"identifier": "InputItem",
"name": "InputItem 文本输入"
},
{
"identifier": "List",
"name": "List 列表"
},
{
"identifier": "List",
"name": "List 列表"
},
{
"identifier": "ListView",
"name": "ListView 长列表"
},
{
"identifier": "ListView",
"name": "ListView 长列表"
},
{
"identifier": "LocaleProvider",
"name": "LocaleProvider 国际化"
},
{
"identifier": "LocaleProvider",
"name": "LocaleProvider 国际化"
},
{
"identifier": "Menu",
"name": "Menu 菜单"
},
{
"identifier": "Menu",
"name": "Menu 菜单"
},
{
"identifier": "Modal",
"name": "Modal 对话框"
},
{
"identifier": "Modal",
"name": "Modal 对话框"
},
{
"identifier": "NavBar",
"name": "NavBar 导航栏"
},
{
"identifier": "NavBar",
"name": "NavBar 导航栏"
},
{
"identifier": "NoticeBar",
"name": "NoticeBar 通告栏"
},
{
"identifier": "NoticeBar",
"name": "NoticeBar 通告栏"
},
{
"identifier": "Pagination",
"name": "Pagination 分页器"
},
{
"identifier": "Pagination",
"name": "Pagination 分页器"
},
{
"identifier": "Picker",
"name": "Picker 选择器"
},
{
"identifier": "Picker",
"name": "Picker 选择器"
},
{
"identifier": "PickerView",
"name": "PickerView 选择器"
},
{
"identifier": "PickerView",
"name": "PickerView 选择器"
},
{
"identifier": "Popover",
"name": "Popover 气泡"
},
{
"identifier": "Popover",
"name": "Popover 气泡"
},
{
"identifier": "Progress",
"name": "Progress 进度条"
},
{
"identifier": "Progress",
"name": "Progress 进度条"
},
{
"identifier": "PullToRefresh",
"name": "PullToRefresh 拉动刷新"
},
{
"identifier": "PullToRefresh",
"name": "PullToRefresh 拉动刷新"
},
{
"identifier": "Radio",
"name": "Radio 单选框"
},
{
"identifier": "Radio",
"name": "Radio 单选框"
},
{
"identifier": "Range",
"name": "Range 区域选择"
},
{
"identifier": "Range",
"name": "Range 区域选择"
},
{
"identifier": "Result",
"name": "Result 结果页"
},
{
"identifier": "Result",
"name": "Result 结果页"
},
{
"identifier": "SearchBar",
"name": "SearchBar 搜索栏"
},
{
"identifier": "SearchBar",
"name": "SearchBar 搜索栏"
},
{
"identifier": "SegmentedControl",
"name": "SegmentedControl 分段器"
},
{
"identifier": "SegmentedControl",
"name": "SegmentedControl 分段器"
},
{
"identifier": "Slider",
"name": "Slider 滑动输入条"
},
{
"identifier": "Slider",
"name": "Slider 滑动输入条"
},
{
"identifier": "Stepper",
"name": "Stepper 步进器"
},
{
"identifier": "Stepper",
"name": "Stepper 步进器"
},
{
"identifier": "Steps",
"name": "Steps 步骤条"
},
{
"identifier": "Steps",
"name": "Steps 步骤条"
},
{
"identifier": "SwipeAction",
"name": "SwipeAction 滑动操作"
},
{
"identifier": "SwipeAction",
"name": "SwipeAction 滑动操作"
},
{
"identifier": "Switch",
"name": "Switch 滑动开关"
},
{
"identifier": "Switch",
"name": "Switch 滑动开关"
},
{
"identifier": "TabBar",
"name": "TabBar 标签栏"
},
{
"identifier": "TabBar",
"name": "TabBar 标签栏"
},
{
"identifier": "Tabs",
"name": "Tabs 标签页"
},
{
"identifier": "Tabs",
"name": "Tabs 标签页"
},
{
"identifier": "Tag",
"name": "Tag 标签"
},
{
"identifier": "Tag",
"name": "Tag 标签"
},
{
"identifier": "TextareaItem",
"name": "TextareaItem 多行输入"
},
{
"identifier": "TextareaItem",
"name": "TextareaItem 多行输入"
},
{
"identifier": "Toast",
"name": "Toast 轻提示"
},
{
"identifier": "Toast",
"name": "Toast 轻提示"
},
{
"identifier": "WhiteSpace",
"name": "WhiteSpace 上下留白"
},
{
"identifier": "WhiteSpace",
"name": "WhiteSpace 上下留白"
},
{
"identifier": "WingBlank",
"name": "WingBlank 两翼留白"
},
{
"identifier": "WingBlank",
"name": "WingBlank 两翼留白"
}
],
"examples": [
{
"type": "BLOCK",
"atomAssetId": "AccordionCard",
"identifier": "accordioncard-demo",
"dependencies": {
"react": {
"type": "NPM",
"value": "16.14.0"
},
"antd-mobile": {
"type": "NPM",
"value": "2.3.3"
},
"@alitajs/antd-mobile-plus": {
"type": "NPM",
"value": "0.8.0"
},
"index.tsx": {
"type": "FILE",
"value": "import React, { FC, useState } from 'react';\nimport { WingBlank, WhiteSpace } from 'antd-mobile';\nimport { AccordionCard } from '@alitajs/antd-mobile-plus';\n\ninterface DemoProps {}\n\nconst Demo: FC<DemoProps> = (props) => {\n const [isExtand, setIsExtand] = useState(true);\n const [isExtand1, setIsExtand1] = useState(false);\n\n const onChange = (e: boolean) => {\n setIsExtand(e);\n };\n const onChange1 = (e: boolean) => {\n setIsExtand1(e);\n };\n return (\n <div>\n <WhiteSpace size=\"lg\" />\n <WingBlank size=\"md\">\n <AccordionCard\n title=\"我是标题\"\n extra=\"右侧扩展\"\n isExtand={isExtand}\n onChange={onChange}\n >\n <div style={{ height: '5rem' }}></div>\n </AccordionCard>\n </WingBlank>\n <WhiteSpace size=\"lg\" />\n\n <WingBlank size=\"md\">\n <AccordionCard\n title=\"我是标题\"\n extra=\"右侧扩展\"\n isExtand={isExtand1}\n onChange={onChange1}\n >\n <div style={{ height: '5rem' }}></div>\n </AccordionCard>\n </WingBlank>\n </div>\n );\n};\n\nexport default Demo;\n"
}
},
"screenshot": "https://raw.githubusercontent.com/alitajs/antd-mobile-plus/master/screenshot/accordioncard-demo.png?raw=true"
},
{
"type": "BLOCK",
"atomAssetId": "ActionMaper",
"identifier": "actionmaper-demo",
"dependencies": {
"react": {
"type": "NPM",
"value": "16.14.0"
},
"@alitajs/antd-mobile-plus": {
"type": "NPM",
"value": "0.8.0"
},
"@alitajs/tracker": {
"type": "NPM",
"value": "0.8.0"
},
"react-bmapgl": {
"type": "NPM",
"value": "0.1.26"
},
"index.tsx": {
"type": "FILE",
"value": "import React, { FC, useRef } from 'react';\nimport { ActionMaper } from '@alitajs/antd-mobile-plus';\nimport { setTracker } from '@alitajs/tracker';\nimport Label from 'react-bmapgl/Overlay/Label';\n\nconst Demo: FC = (props) => {\n const mapRef = useRef(null);\n setTracker({\n log(component, params, ext) {\n console.log(component, params, ext); // 组件名\n },\n });\n return (\n <div style={{ padding: '20px' }}>\n <ActionMaper\n mapRefCallback={(ref: null) => {\n mapRef.current = ref;\n }}\n title=\"执行位置\"\n detailAddress=\"四川省成都市金牛区马鞍东路11号马鞍东路小区附近45米\"\n coordinate={{\n lat: 33.914889,\n lng: 114.404449,\n }}\n initialzeZoom={8}\n >\n <Label\n map={mapRef}\n text=\"自定义文字\"\n position={new (window as any).BMapGL.Point(114.40444, 33.91489)}\n />\n </ActionMaper>\n <div style={{ marginTop: '20px' }}>\n <ActionMaper\n title=\"执行\"\n detailAddress=\"正在获取位置信息...\"\n onLocation={(t) => {\n console.log('onLocation:', t);\n }}\n rightExt={() => <div style={{ color: 'red' }}>自定义按钮</div>}\n ></ActionMaper>\n </div>\n </div>\n );\n};\nexport default ActionMaper.MapApiLoaderHOC({\n ak: 't9A84QM5lt6a3SMumuQOQtvM2spIQQ2A',\n})(Demo);\n"
}
},
"screenshot": "https://raw.githubusercontent.com/alitajs/antd-mobile-plus/master/screenshot/actionmaper-demo.png?raw=true"
},
{
"type": "BLOCK",
"atomAssetId": "Calendar",
"identifier": "calendar-demo",
"dependencies": {
"react": {
"type": "NPM",
"value": "16.14.0"
},
"antd-mobile": {
"type": "NPM",
"value": "2.3.3"
},
"moment": {
"type": "NPM",
"value": "2.29.1"
},
"@alitajs/antd-mobile-plus": {
"type": "NPM",
"value": "0.8.0"
},
"index.tsx": {
"type": "FILE",
"value": "import React, { FC, useState, useMemo } from 'react';\nimport { Icon } from 'antd-mobile';\nimport moment from 'moment';\nimport { Calendar } from '@alitajs/antd-mobile-plus';\nimport { popupList } from './data';\nimport './index.less';\n\nconst m = (d: any) => {\n if (!d) {\n return '';\n }\n const dates = Array.isArray(d) ? d : [d];\n return dates.map((date) => moment(date).format('yyyy/MM/DD')).join('-');\n};\n\nconst prefixCls = 'calendar-page';\ninterface DemoProps {}\n\nconst CalendarItem = ({ title = '', ...restProps }) => {\n const [show, setShow] = useState(false);\n const [subtitle, setSubtitle] = useState(m(restProps.defaultDate));\n return (\n <>\n <div className={`${prefixCls}-cell`} onClick={() => setShow(true)}>\n <div>{title}</div>\n <div\n style={{\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n }}\n >\n <span style={{ fontSize: '0.24rem', color: '#999' }}>{subtitle}</span>\n <Icon type=\"right\" color=\"#969799\" />\n </div>\n </div>\n <Calendar\n show={show}\n title={title}\n onClose={() => {\n setShow(false);\n }}\n onConfirm={(d: any) => {\n console.log(d);\n setSubtitle(m(d));\n }}\n {...restProps}\n onSelect={(e) => console.log(e)}\n ></Calendar>\n </>\n );\n};\n\nconst GroupView = ({ popups = [], title = '' }) => {\n return (\n <div className={`${prefixCls}-group`}>\n <div className={`${prefixCls}-group-title`}>{title}</div>\n <div className={`${prefixCls}-list-view`}>\n {popups.map((item: any) => (\n <CalendarItem key={item.title} {...item} />\n ))}\n </div>\n </div>\n );\n};\n\nconst Demo: FC<DemoProps> = (props) => {\n return (\n <div className=\"popup-page\">\n {popupList.map((item: any) => (\n <GroupView key={item.title} {...item} />\n ))}\n <div style={{ height: '140vw' }}>\n <Calendar\n poppable={false}\n type=\"range\"\n onConfirm={(d: any) => {\n console.log(d);\n }}\n ></Calendar>\n </div>\n </div>\n );\n};\n\nexport default Demo;\n"
},
"data.tsx": {
"type": "FILE",
"value": "import React from 'react';\nimport { getToday } from '../utils';\nexport const popupList = [\n {\n title: '基础用法',\n popups: [\n {\n title: '选择单个日期',\n type: 'single',\n },\n {\n title: '选择多个日期',\n type: 'multiple',\n },\n {\n title: '选择日期范围',\n type: 'range',\n },\n ],\n },\n {\n title: '自定义日历',\n popups: [\n {\n title: '自定义颜色',\n type: 'range',\n color: '#f40',\n },\n {\n title: '自定义日期范围',\n minDate: new Date(),\n maxDate: new Date(\n new Date().getFullYear(),\n new Date().getMonth() + 1,\n new Date().getDate(),\n ),\n type: 'single',\n },\n {\n title: '自定义按钮文字',\n confirmText: '底部自定义按钮文字',\n },\n {\n title: '自定义日期文案',\n type: 'range',\n defaultDate: [\n new Date(),\n new Date(\n new Date().getFullYear(),\n new Date().getMonth(),\n new Date().getDate() + 5,\n ),\n ],\n formatter: (day: any) => {\n const month = day.date.getMonth() + 1;\n const date = day.date.getDate();\n if (month === 5) {\n if (date === 1) {\n day.topInfo = '劳动节';\n } else if (date === 4) {\n day.topInfo = '青年节';\n } else if (date === 11) {\n day.text = '今天';\n }\n }\n\n if (day.type === 'start') {\n day.bottomInfo = '入住';\n } else if (day.type === 'end') {\n day.bottomInfo = '离店';\n }\n\n return day;\n },\n },\n {\n title: '自定义弹出位置',\n mode: 'sliderRight',\n },\n {\n title: '日期区间最大范围',\n type: 'range',\n maxRange: 5,\n },\n {\n title: '自定义周起始日',\n firstDayOfWeek: '1',\n },\n ],\n },\n {\n title: '平铺展示',\n popups: [],\n },\n];\n"
},
"index.less": {
"type": "FILE",
"value": "@import '~@alitajs/theme/es/index.less';\n\n.calendar-page {\n background-color: #f7f8fa;\n &-group {\n padding: 0 10 * @hd;\n &-title {\n padding: 20 * @hd 0 15 * @hd;\n font-size: 14 * @hd;\n line-height: 16 * @hd;\n color: rgba(69, 90, 100, 0.6);\n }\n }\n &-list-view {\n background-color: #fff;\n border-radius: 8 * @hd;\n }\n\n &-cell {\n position: relative;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n padding: 12 * @hd 16 * @hd;\n font-size: 15 * @hd;\n line-height: 24 * @hd;\n color: #323233;\n &::after {\n position: absolute;\n left: 20 * @hd;\n right: 20 * @hd;\n bottom: 0;\n height: 1px;\n background-color: #ebedf0;\n content: '';\n }\n }\n}\n"
}
},
"screenshot": "https://raw.githubusercontent.com/alitajs/antd-mobile-plus/master/screenshot/calendar-demo.png?raw=true"
},
{
"type": "BLOCK",
"atomAssetId": "CalendarPlus",
"identifier": "calendarplus-demo",
"dependencies": {
"react": {
"type": "NPM",
"value": "16.14.0"
},
"@alitajs/antd-mobile-plus": {
"type": "NPM",
"value": "0.8.0"
},
"index.tsx": {
"type": "FILE",
"value": "import React, { FC, useState } from 'react';\nimport { CalendarPlus } from '@alitajs/antd-mobile-plus';\nimport { nextMonthDate } from '../utils/date';\n\ninterface DemoProps {}\n\nconst Demo: FC<DemoProps> = (props) => {\n const [currentDate, setCurrentDate] = useState(nextMonthDate(new Date()));\n return (\n <div>\n <CalendarPlus\n currentDate={currentDate}\n onSelectValue={(e) => {\n setCurrentDate(e);\n }}\n onChange={(e) => {\n console.log(e);\n }}\n />\n <div style={{ height: '50px' }}></div>\n <CalendarPlus\n onSelectValue={(e) => {\n setCurrentDate(e);\n }}\n onChange={(e) => {\n console.log(e);\n }}\n subTitles={[{ date: currentDate, content: '123' }]}\n currentDate={currentDate}\n renderHeader={() => (\n <div\n style={{\n padding: '0.2rem',\n textAlign: 'center',\n fontSize: '0.32rem',\n }}\n >\n 我是自定义header\n </div>\n )}\n />\n </div>\n );\n};\n\nexport default Demo;\n"
},
"utils/date.ts": {
"type": "FILE",
"value": "/**\n * 获取某个时间月份的总天数\n * @param date 某个月份的date\n */\nexport const totalDaysWithDate = (originDate = new Date()) => {\n const date = new Date(originDate.valueOf());\n const year = date.getFullYear();\n const month = date.getMonth() + 1;\n const d = new Date(year, month, 0);\n return d.getDate();\n};\n\n/**\n * 获取某个时间月份开始日是周几\n * @param date 某个月份的date\n */\nexport const startDayWeekWithDate = (originDate = new Date()) => {\n const date = new Date(originDate.valueOf());\n date.setDate(1);\n return date.getDay();\n};\n\n/**\n * 获取某个时间月份结束日是周几\n * @param date 某个月份的date\n */\nexport const endDayWeekWithDate = (originDate = new Date()) => {\n const date = new Date(originDate.valueOf());\n date.setDate(startDayWeekWithDate(date));\n return date.getDay();\n};\n\n/**\n * 获取当前月份的时间数组对象\n * @param date 某个月份的date\n */\nexport const daysOfMonth = (originDate = new Date()) => {\n const date = new Date(originDate.valueOf());\n const totalDays = totalDaysWithDate(date);\n const currentSpaceNum = startDayWeekWithDate(date);\n const month = date.getMonth();\n\n const preMonthDate = new Date(date);\n preMonthDate.setMonth(month - 1);\n const preMonthTotalDays = totalDaysWithDate(preMonthDate);\n const resultArr = [];\n\n for (\n let index = preMonthTotalDays - currentSpaceNum;\n index < preMonthTotalDays;\n index++\n ) {\n preMonthDate.setDate(index + 1);\n resultArr.push({\n day: index + 1,\n type: 'disable',\n date: new Date(preMonthDate),\n });\n }\n\n date.setMonth(month);\n for (let index = 0; index < totalDays; index++) {\n date.setDate(index + 1);\n resultArr.push({\n day: index + 1,\n type: 'nomal',\n date: new Date(date),\n });\n }\n const length = resultArr.length;\n const sur = Math.ceil(length / 7) * 7;\n date.setMonth(month + 1);\n for (let index = 0; index < sur - length; index++) {\n date.setDate(index + 1);\n resultArr.push({\n day: index + 1,\n type: 'disable',\n date: new Date(date),\n });\n }\n\n return resultArr;\n};\n\n/**\n * 时间格式化\n * @param date date\n * @param format 时间格式,例如:yyyy-MM-dd\n */\nexport const formatDate = (date: Date, format: string) => {\n let o: { [key: string]: any } = {\n 'M+': date.getMonth() + 1,\n 'd+': date.getDate(),\n 'h+': date.getHours(),\n 'm+': date.getMinutes(),\n 's+': date.getSeconds(),\n 'q+': Math.floor((date.getMonth() + 3) / 3),\n };\n if (/(y+)/.test(format))\n format = format.replace(\n RegExp.$1,\n (date.getFullYear() + '').substr(4 - RegExp.$1.length),\n );\n for (let k in o) {\n if (new RegExp('(' + k + ')').test(format)) {\n format = format.replace(\n RegExp.$1,\n RegExp.$1.length == 1 ? o[k] : ('00' + o[k]).substr(('' + o[k]).length),\n );\n }\n }\n return format;\n};\n\n/**\n * 获取下一月的日期\n * @param currentDate\n */\nexport const nextMonthDate = (currentDate: Date): Date => {\n const date = new Date(currentDate);\n const month = date.getMonth() + 1;\n date.setMonth(month);\n return date;\n};\n\n/**\n * 获取上一月的日期\n * @param currentDate\n */\nexport const preMonthDate = (currentDate: Date): Date => {\n const date = new Date(currentDate.valueOf());\n const month = date.getMonth() - 1;\n date.setMonth(month);\n return date;\n};\n\n/**\n * 获取下一年的日期\n * @param currentDate\n */\nexport const nextYearDate = (currentDate: Date): Date => {\n const date = new Date(currentDate.valueOf());\n const fullYear = date.getFullYear();\n const month = date.getMonth();\n date.setFullYear(fullYear + 1);\n return date;\n};\n\n/**\n * 获取上一年的日期\n * @param currentDate\n */\nexport const preYearDate = (currentDate: Date): Date => {\n const date = new Date(currentDate.valueOf());\n const fullYear = date.getFullYear();\n const month = date.getMonth();\n date.setFullYear(fullYear - 1);\n return date;\n};\n"
}
},
"screenshot": "https://raw.githubusercontent.com/alitajs/antd-mobile-plus/master/screenshot/calendarplus-demo.png?raw=true"
},
{
"type": "BLOCK",
"atomAssetId": "Capsule",
"identifier": "capsule-demo",
"dependencies": {
"react": {
"type": "NPM",
"value": "16.14.0"
},
"@alitajs/antd-mobile-plus": {
"type": "NPM",
"value": "0.8.0"
},
"index.tsx": {
"type": "FILE",
"value": "import React, { FC } from 'react';\nimport { Capsule } from '@alitajs/antd-mobile-plus';\n\ninterface DemoProps {}\n\nconst Demo: FC<DemoProps> = (props) => {\n return (\n <div>\n <div\n style={{\n marginTop: '1rem',\n padding: '0.2rem',\n display: 'flex',\n flexDirection: 'row',\n justifyContent: 'space-around',\n }}\n >\n <Capsule text=\"胶囊按钮\" size=\"sm\" onPress={() => {}} disable></Capsule>\n <Capsule text=\"胶囊按钮\" size=\"md\"></Capsule>\n <Capsule text=\"胶囊按钮\" size=\"lg\"></Capsule>\n </div>\n <div\n style={{\n padding: '0.2rem',\n display: 'flex',\n flexDirection: 'row',\n justifyContent: 'space-around',\n }}\n >\n <Capsule disable text=\"胶囊按钮\" size=\"sm\" type=\"default\"></Capsule>\n <Capsule text=\"胶囊按钮\" size=\"md\" type=\"default\"></Capsule>\n <Capsule text=\"胶囊按钮\" size=\"lg\" type=\"default\"></Capsule>\n </div>\n <div\n style={{\n padding: '0.2rem',\n display: 'flex',\n flexDirection: 'row',\n justifyContent: 'space-around',\n }}\n >\n <Capsule disable text=\"胶囊按钮\" size=\"sm\" type=\"primary\"></Capsule>\n <Capsule text=\"胶囊按钮\" size=\"md\" type=\"primary\"></Capsule>\n <Capsule text=\"胶囊按钮\" size=\"lg\" type=\"primary\"></Capsule>\n </div>\n </div>\n );\n};\n\nexport default Demo;\n"
}
},
"screenshot": "https://raw.githubusercontent.com/alitajs/antd-mobile-plus/master/screenshot/capsule-demo.png?raw=true"
},
{
"type": "BLOCK",
"atomAssetId": "Card",
"identifier": "card-demo",
"dependencies": {
"react": {
"type": "NPM",
"value": "16.14.0"
},
"@alitajs/antd-mobile-plus": {
"type": "NPM",
"value": "0.8.0"
},
"index.tsx": {
"type": "FILE",
"value": "import React, { FC } from 'react';\nimport { Card } from '@alitajs/antd-mobile-plus';\nconst { Header, Body, Footer } = Card;\n\ninterface DemoProps {}\n\nconst Demo: FC<DemoProps> = (props) => {\n return (\n <div style={{ padding: '0.24rem' }}>\n <Card>\n <Header\n title=\"执行任务\"\n // thumb={<span>图标</span>}\n extra={<span>右侧自定义</span>}\n />\n <Body>\n <div\n style={{\n height: '30vh',\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n }}\n >\n body\n </div>\n </Body>\n <Footer\n type=\"fill\"\n btnText=\"查看详情\"\n onClick={() => {\n console.log('click');\n }}\n />\n </Card>\n\n <div style={{ padding: '24px 0' }}>\n <Card>\n <Header title=\"执行任务\" thumb={<span>图标</span>} />\n <Body>\n <div\n style={{\n height: '30vh',\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n }}\n >\n body\n </div>\n </Body>\n <Footer\n type=\"single\"\n btnText=\"完成任务\"\n onClick={() => {\n console.log('btnclick');\n }}\n />\n </Card>\n </div>\n\n <div style={{ padding: '24px 0' }}>\n <Card>\n <Header title=\"自定义底部\" />\n <Body>\n <div\n style={{\n height: '30vh',\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n }}\n >\n body\n </div>\n </Body>\n <Footer>\n <div style={{ textAlign: 'center' }}>我是自定义的底部</div>\n </Footer>\n </Card>\n </div>\n </div>\n );\n};\n\nexport default Demo;\n"
}
},
"screenshot": "https://raw.githubusercontent.com/alitajs/antd-mobile-plus/master/screenshot/card-demo.png?raw=true"
},
{
"type": "BLOCK",
"atomAssetId": "CityPicker",
"identifier": "citypicker-demo",
"dependencies": {
"react": {
"type": "NPM",
"value": "16.14.0"
},
"antd-mobile": {
"type": "NPM",
"value": "2.3.3"
},
"@alitajs/antd-mobile-plus": {
"type": "NPM",
"value": "0.8.0"
},
"index.tsx": {
"type": "FILE",
"value": "import React, { FC, useState } from 'react';\nimport { Button } from 'antd-mobile';\nimport { CityPicker } from '@alitajs/antd-mobile-plus';\nimport { getData } from './data';\n\ninterface DemoProps {}\n\nconst Demo: FC<DemoProps> = (props) => {\n const [open, setOpen] = useState(false);\n const [data, setData] = useState<any[]>([]);\n return (\n <div>\n <Button\n onClick={() => {\n setOpen(true);\n }}\n >\n 点击\n </Button>\n <CityPicker\n show={open}\n data={data}\n initialValues={[\n {\n id: '0-1',\n lable: '选择1',\n },\n {\n id: '0-1-2',\n lable: '选择2',\n },\n ]}\n onClose={() => {\n setOpen(false);\n }}\n title=\"标题\"\n onChange={(item: { id: string | undefined }) => {\n if (!item) {\n setData(getData());\n } else {\n setData(getData(item.id));\n }\n }}\n onFinish={(ids) => {\n console.log(ids);\n }}\n placeholder={['请选择1级菜单', '请选择2级菜单', '请选择3级菜单']}\n alias={{\n label: 'lable',\n }}\n />\n </div>\n );\n};\n\nexport default Demo;\n"
},
"data.ts": {
"type": "FILE",
"value": "export const getData = (id?: string) => {\n const idPrefix = id ?? '0';\n if (idPrefix.split('-').length > 3) {\n return [];\n }\n const list = [];\n for (let index = 0; index < 45; index++) {\n list.push({\n id: `${idPrefix}-${index}`,\n lable: `我是${idPrefix.split('-').length}级标题${index}`,\n });\n }\n return list;\n};\n"
}
},
"screenshot": "https://raw.githubusercontent.com/alitajs/antd-mobile-plus/master/screenshot/citypicker-demo.png?raw=true"
},
{
"type": "BLOCK",
"atomAssetId": "CopyBtn",
"identifier": "copybtn-demo",
"dependencies": {
"react": {
"type": "NPM",
"value": "16.14.0"
},
"@alitajs/antd-mobile-plus": {
"type": "NPM",
"value": "0.8.0"
},
"index.tsx": {
"type": "FILE",
"value": "import React, { FC } from 'react';\nimport { CopyBtn } from '@alitajs/antd-mobile-plus';\n\ninterface DemoProps {};\n\nconst btnAttr = {\n // 支持antd和原生按钮属性\n type: \"default\",\n};\n\nconst Demo: FC<DemoProps> = (props) => {\n return (\n <div>\n <CopyBtn value=\"需要复制的值\" text=\"点我复制\" btnAttr={btnAttr} />\n </div>\n );\n};\n\nexport default Demo;\n"
}
},
"screenshot": "https://raw.githubusercontent.com/alitajs/antd-mobile-plus/master/screenshot/copybtn-demo.png?raw=true"
},
{
"type": "BLOCK",
"atomAssetId": "DemoComponent",
"identifier": "democomponent-basic",
"dependencies": {
"react": {
"type": "NPM",
"value": "16.14.0"
},
"@alitajs/tracker": {
"type": "NPM",
"value": "0.8.0"
},
"@alitajs/antd-mobile-plus": {
"type": "NPM",
"value": "0.8.0"
},
"index.tsx": {
"type": "FILE",
"value": "import * as React from 'react';\nimport { setTracker } from '@alitajs/tracker';\nimport { DemoComponent } from '@alitajs/antd-mobile-plus';\n\nexport default () => {\n // 这个方法应该统一添加\n setTracker({\n log(component, params, ext) {\n console.log(component); // 组件名\n console.log(params.version); // antd-mobile 版本号\n console.log(params.reactVersion); // react 版本号\n console.log(params.type); // 内置类型,分为 RENDERED(渲染), CUSTOM(组件自定义的上报)\n // 可选,组件额外的参数,比如 Button 会额外传 params.c1={type: props.type}\n console.log(params);\n // 可选,当 params.type===CUSTOM 的时候,组件可能会传的对应的数据\n // 比如 Button 点击的时候会传 ext='OnPress1'\n console.log(ext);\n },\n });\n return (\n <>\n <div style={{ padding: '0 0.24rem' }}>\n <DemoComponent type=\"primary\" title=\"点击查看控制台\"></DemoComponent>\n <br />\n </div>\n </>\n );\n};\n"
}
},
"screenshot": "https://raw.githubusercontent.com/alitajs/antd-mobile-plus/master/screenshot/democomponent-basic.png?raw=true"
},
{
"type": "BLOCK",
"atomAssetId": "DemoComponent",
"identifier": "democomponent-basic",
"dependencies": {
"react": {
"type": "NPM",
"value": "16.14.0"
},
"@alitajs/tracker": {
"type": "NPM",
"value": "0.8.0"
},
"@alitajs/antd-mobile-plus": {
"type": "NPM",
"value": "0.8.0"
},
"index.tsx": {
"type": "FILE",
"value": "import * as React from 'react';\nimport { setTracker } from '@alitajs/tracker';\nimport { DemoComponent } from '@alitajs/antd-mobile-plus';\n\nexport default () => {\n // 这个方法应该统一添加\n setTracker({\n log(component, params, ext) {\n console.log(component); // 组件名\n console.log(params.version); // antd-mobile 版本号\n console.log(params.reactVersion); // react 版本号\n console.log(params.type); // 内置类型,分为 RENDERED(渲染), CUSTOM(组件自定义的上报)\n // 可选,组件额外的参数,比如 Button 会额外传 params.c1={type: props.type}\n console.log(params);\n // 可选,当 params.type===CUSTOM 的时候,组件可能会传的对应的数据\n // 比如 Button 点击的时候会传 ext='OnPress1'\n console.log(ext);\n },\n });\n return (\n <>\n <div style={{ padding: '0 0.24rem' }}>\n <DemoComponent type=\"primary\" title=\"点击查看控制台\"></DemoComponent>\n <br />\n </div>\n </>\n );\n};\n"
}
},
"screenshot": "https://raw.githubusercontent.com/alitajs/antd-mobile-plus/master/screenshot/democomponent-basic.png?raw=true"
},
{
"type": "BLOCK",
"atomAssetId": "Empty",
"identifier": "empty-demo",
"dependencies": {
"react": {
"type": "NPM",
"value": "16.14.0"
},
"@alitajs/antd-mobile-plus": {
"type": "NPM",
"value": "0.8.0"
},
"index.tsx": {
"type": "FILE",
"value": "import React, { FC } from 'react';\nimport { Empty } from '@alitajs/antd-mobile-plus';\n\ninterface DemoProps {}\n\nconst Demo: FC<DemoProps> = (props) => {\n return (\n <div>\n <div style={{ height: '3vh' }}></div>\n <Empty type=\"normal\" style={{ height: '40vh' }} />\n <div style={{ height: '3vh' }}></div>\n <Empty type=\"noMessage\" style={{ height: '40vh' }} />\n <div style={{ height: '3vh' }}></div>\n <Empty type=\"network\" style={{ height: '40vh' }} />\n <div style={{ height: '3vh' }}></div>\n <Empty type=\"denied\" style={{ height: '40vh' }} />\n <div style={{ height: '3vh' }}></div>\n <Empty type=\"empty\" style={{ height: '40vh' }} />\n <div style={{ height: '3vh' }}></div>\n <Empty\n type=\"normal\"\n style={{ height: '40vh' }}\n renderHeader={<div style={{ color: '#f40' }}>我是自定义头部</div>}\n renderFooter={<div style={{ color: '#f40' }}>我是自定义底部</div>}\n />\n <div style={{ height: '3vh' }}></div>\n </div>\n );\n};\n\nexport default Demo;\n"
}
},
"screenshot": "https://raw.githubusercontent.com/alitajs/antd-mobile-plus/master/screenshot/empty-demo.png?raw=true"
},
{
"type": "BLOCK",
"atomAssetId": "FilterItems",
"identifier": "filteritems-basic",
"dependencies": {
"react": {
"type": "NPM",
"value": "16.14.0"
},
"@alitajs/tracker": {
"type": "NPM",
"value": "0.8.0"
},
"@alitajs/antd-mobile-plus": {
"type": "NPM",
"value": "0.8.0"
},
"index.tsx": {
"type": "FILE",
"value": "import * as React from \"react\";\nimport { setTracker } from \"@alitajs/tracker\";\nimport { FilterItems } from \"@alitajs/antd-mobile-plus\";\n\nexport default () => {\n // 这个方法应该统一添加\n setTracker({\n log(component, params, ext) {\n console.log(component); // 组件名\n console.log(params.version); // antd-mobile 版本号\n console.log(params.reactVersion); // react 版本号\n console.log(params.type); // 内置类型,分为 RENDERED(渲染), CUSTOM(组件自定义的上报)\n // 可选,组件额外的参数,比如 Button 会额外传 params.c1={type: props.type}\n console.log(params);\n // 可选,当 params.type===CUSTOM 的时候,组件可能会传的对应的数据\n // 比如 Button 点击的时候会传 ext='OnPress1'\n console.log(ext);\n },\n });\n\n const data = [\n {\n data: [\n { id: \"1\", value: \"排序不限1\" },\n { id: \"2\", value: \"任务来源2\" },\n { id: \"3\", value: \"全部3\" },\n ],\n filterId: \"f_1\",\n defaultText: \"地区\",\n },\n {\n data: [\n { id: \"21\", value: \"全部2\" },\n { id: \"22\", value: \"任务来源2\" },\n { id: \"23\", value: \"全部\" },\n { id: \"24\", value: \"排序-不限2\" },\n ],\n filterId: \"f_2\",\n defaultText:'商区'\n },\n {\n data: [\n { id: \"31\", value: \"这个名字很长这个名字很长3\" },\n { id: \"32\", value: \"任务来源3\" },\n { id: \"33\", value: \"全部3\" },\n ],\n filterId: \"f_3\",\n },\n ];\n\n return (\n <div style={{ padding: \"24px 0\" }}>\n <FilterItems\n data={data}\n // drawItemRender={(child)=>{\n // return <div>11</div>\n // }}\n onItemChange={(data: any) => {\n console.log(data);\n }}\n alias={{ label: \"value\" }}\n />\n </div>\n );\n};\n"
}
},
"screenshot": "https://raw.githubusercontent.com/alitajs/antd-mobile-plus/master/screenshot/filteritems-basic.png?raw=true"
},
{
"type": "BLOCK",
"atomAssetId": "FooterBar",
"identifier": "footerbar-demo",
"dependencies": {
"react": {
"type": "NPM",
"value": "16.14.0"
},
"@alitajs/antd-mobile-plus": {
"type": "NPM",
"value": "0.8.0"
},
"index.tsx": {
"type": "FILE",
"value": "import React, { FC } from 'react';\nimport { FooterBar } from '@alitajs/antd-mobile-plus';\n\ninterface DemoProps {}\n\nconst Demo: FC<DemoProps> = (props) => {\n return (\n <div style={{ marginTop: 20 }}>\n <FooterBar\n data={[\n {\n text: '辅助操作',\n type: 'primary',\n onPress: () => {\n console.log('辅助操作点击');\n },\n id: '01',\n },\n {\n text: '主要操作',\n type: 'default',\n onPress: () => {\n console.log('主要操作');\n },\n id: '02',\n },\n {\n text: '不可操作',\n type: 'disable',\n onPress: () => {\n console.log('主要操作');\n },\n id: '03',\n },\n ]}\n />\n </div>\n );\n};\n\nexport default Demo;\n"
}
},
"screenshot": "https://raw.githubusercontent.com/alitajs/antd-mobile-plus/master/screenshot/footerbar-demo.png?raw=true"
},
{
"type": "BLOCK",
"atomAssetId": "FunctionalCard",
"identifier": "functionalcard-demo",
"dependencies": {
"react": {
"type": "NPM",
"value": "16.14.0"
},
"@alitajs/antd-mobile-plus": {
"type": "NPM",
"value": "0.8.0"
},
"index.tsx": {
"type": "FILE",
"value": "import React, { FC } from 'react';\nimport { FunctionalCard } from '@alitajs/antd-mobile-plus';\nimport homePng from '../assets/home.svg';\n\ninterface DemoProps {}\n\nconst title = \"卡片名称\";\nconst desc = \"描述\";\nconst id = 1;\nconst style = { width: '100%' };\nconst foot = [\n { name: \"编辑\", key: 'edit', onClick: (id: string, name: string) => { console.log(id, name) } },\n { name: \"详情\", key: 'edtail', onClick: (id: string, name: string) => { console.log(id, name) } },\n { name: \"删除\", key: 'delete', onClick: (id: string, name: string) => { console.log(id, name) } },\n { name: \"置顶\", key: 'up', onClick: (id: string, name: string) => { console.log(id, name) } },\n];\n\nconst Demo: FC<DemoProps> = (props) => {\n return (\n <FunctionalCard\n img={<img alt=\"\" src={homePng} style={{ width: \"48px\", height: \"48px\" }} />}\n title={title}\n desc={desc}\n id={id}\n style={style}\n foot={foot}\n />\n );\n};\n\nexport default Demo;\n"
}
},
"screenshot": "https://raw.githubusercontent.com/alitajs/antd-mobile-plus/master/screenshot/functionalcard-demo.png?raw=true"
},
{
"type": "BLOCK",
"atomAssetId": "GradientProgress",
"identifier": "gradientprogress-demo",
"dependencies": {
"react": {
"type": "NPM",
"value": "16.14.0"
},
"@alitajs/antd-mobile-plus": {
"type": "NPM",
"value": "0.8.0"
},
"index.tsx": {
"type": "FILE",
"value": "import React, { FC } from 'react';\nimport { GradientProgress } from '@alitajs/antd-mobile-plus';\n\ninterface DemoProps {}\n\nconst Demo: FC<DemoProps> = (props) => {\n return (\n <div>\n <GradientProgress\n width={100}\n height={200}\n percent={50}\n backgroundColor=\"#999\"\n divisionColor=\"#000\"\n linearGradient={[\"rgba(255,0,0,0)\", \"rgba(255,0,0,1)\"]}\n />\n <br />\n <GradientProgress\n width={100}\n height={200}\n percent={50}\n backgroundColor=\"#999\"\n divisionColor=\"#000\"\n />\n </div>\n );\n};\n\nexport default Demo;\n"
}
},
"screenshot": "https://raw.githubusercontent.com/alitajs/antd-mobile-plus/master/screenshot/gradientprogress-demo.png?raw=true"
},
{
"type": "BLOCK",
"atomAssetId": "HeaderFullView",
"identifier": "headerfullview-demo",
"dependencies": {
"react": {
"type": "NPM",
"value": "16.14.0"
},
"@alitajs/antd-mobile-plus": {
"type": "NPM",
"value": "0.8.0"
},
"index.tsx": {
"type": "FILE",
"value": "import React, { FC } from 'react';\nimport { HeaderFullView } from '@alitajs/antd-mobile-plus';\nimport IconName from './assets/icon-name.png';\nimport IconName1 from './assets/icon-name1.png';\nimport IconName2 from './assets/icon-name2.png';\nimport IconName3 from './assets/icon-name3.png';\n\ninterface DemoProps {}\n\nconst Demo: FC<DemoProps> = (props) => {\n return (\n <>\n <div style={{ margin: '0.2rem' }}>\n <HeaderFullView\n title=\"浩鲸集团有限股份有限公司\"\n src=\"\"\n infos={[\n {\n id: '01',\n label: '四川遂宁市船山区凯旋下路162号',\n },\n {\n id: '02',\n label: '柏伟(先生) · 13508218316',\n },\n ]}\n tools={[\n {\n id: '01',\n text: '在途工单',\n icon: IconName,\n onClick: () => {},\n },\n {\n id: '02',\n text: '个人全视图',\n icon: IconName1,\n onClick: () => {},\n },\n {\n id: '03',\n text: '联系客户',\n icon: IconName2,\n onClick: () => {},\n },\n {\n id: '04',\n text: '去这里',\n icon: IconName3,\n onClick: () => {},\n },\n ]}\n />\n </div>\n <div style={{ margin: '0.2rem' }}>\n <HeaderFullView\n title=\"浩鲸集团有限股份有限公司\"\n src=\"\"\n infos={[\n {\n id: '01',\n label: '四川遂宁市船山区凯旋下路162号',\n },\n {\n id: '02',\n label: '柏伟(先生) · 13508218316',\n },\n ]}\n extra={\n <div\n style={{\n padding: '0.15rem 0.2rem',\n backgroundColor: 'rgba(0, 137, 255, 0.3)',\n color: '#0089FF',\n }}\n >\n 编码:28003544795\n </div>\n }\n tools={[\n {\n id: '01',\n text: '在途工单',\n icon: IconName,\n onClick: () => {},\n },\n {\n id: '02',\n text: '个人全视图',\n icon: IconName1,\n onClick: () => {},\n },\n {\n id: '03',\n text: '联系客户',\n icon: IconName2,\n onClick: () => {},\n },\n {\n id: '04',\n text: '去这里',\n icon: IconName3,\n onClick: () => {},\n },\n ]}\n />\n </div>\n </>\n );\n};\n\nexport default Demo;\n"
}
},
"screenshot": "https://raw.githubusercontent.com/alitajs/antd-mobile-plus/master/screenshot/headerfullview-demo.png?raw=true"
},
{
"type": "BLOCK",
"atomAssetId": "LazyImage",
"identifier": "lazyimage-demo",
"dependencies": {
"react": {
"type": "NPM",
"value": "16.14.0"
},
"antd-mobile": {
"type": "NPM",
"value": "2.3.3"
},
"@alitajs/antd-mobile-plus": {
"type": "NPM",
"value": "0.8.0"
},
"index.tsx": {
"type": "FILE",
"value": "import React, { FC } from 'react';\nimport { Grid } from 'antd-mobile';\nimport { LazyImage } from '@alitajs/antd-mobile-plus';\nimport placeholder from './assets/1.jpeg';\nimport { linkData } from './assets/image';\n\ninterface DemoProps {}\n\nconst Demo: FC<DemoProps> = (props) => {\n return (\n <div>\n <Grid\n data={linkData}\n columnNum={3}\n renderItem={(item) => {\n return (\n <LazyImage\n key={item?.text}\n mode=\"scaleAspectFill\"\n placeholder={placeholder}\n src={item?.icon}\n />\n );\n }}\n />\n </div>\n );\n};\n\nexport default Demo;\n"
},
"assets/image.ts": {
"type": "FILE",
"value": "\nexport const linkData = [{\n \"text\": 227289,\n \"width\": 1200,\n \"height\": 800,\n \"oriwidth\": 1200,\n \"oriheight\": 800,\n \"icon\": \"https://t7.baidu.com/it/u=262330116,615\",\n \"fromUrl\": \"https://www.vcg.com/creative/1027429280\",\n \"contSign\": \"262330116,615467336\"\n},\n{\n \"text\": 227290,\n \"width\": 1200,\n \"height\": 803,\n \"oriwidth\": 1200,\n \"oriheight\": 803,\n \"icon\": \"https://t7.baidu.com/it/u=3344069233,1239888910&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1012908777\",\n \"contSign\": \"3344069233,1239888910\"\n},\n{\n \"text\": 227291,\n \"width\": 1200,\n \"height\": 900,\n \"oriwidth\": 1200,\n \"oriheight\": 900,\n \"icon\": \"https://t7.baidu.com/it/u=3051842936,102991323&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.veer.com/photo/137078548?utm_source=baidu&utm_medium=imagesearch&chid=902\",\n \"contSign\": \"3051842936,102991323\"\n},\n{\n \"text\": 227292,\n \"width\": 1200,\n \"height\": 800,\n \"oriwidth\": 1200,\n \"oriheight\": 800,\n \"icon\": \"https://t7.baidu.com/it/u=1797337163,4088130314&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/812143769\",\n \"contSign\": \"1797337163,4088130314\"\n},\n{\n \"text\": 227293,\n \"width\": 1200,\n \"height\": 800,\n \"oriwidth\": 1200,\n \"oriheight\": 800,\n \"icon\": \"https://t7.baidu.com/it/u=3019859441,4021962683&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1035466194\",\n \"contSign\": \"3019859441,4021962683\"\n},\n{\n \"text\": 227294,\n \"width\": 1200,\n \"height\": 800,\n \"oriwidth\": 1200,\n \"oriheight\": 800,\n \"icon\": \"https://t7.baidu.com/it/u=4118663558,2427185547&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1036108501\",\n \"contSign\": \"4118663558,2427185547\"\n},\n{\n \"text\": 227295,\n \"width\": 1200,\n \"height\": 800,\n \"oriwidth\": 1200,\n \"oriheight\": 800,\n \"icon\": \"https://t7.baidu.com/it/u=1744157654,1808520583&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1036031248\",\n \"contSign\": \"1744157654,1808520583\"\n},\n{\n \"text\": 227296,\n \"width\": 1200,\n \"height\": 800,\n \"oriwidth\": 1200,\n \"oriheight\": 800,\n \"icon\": \"https://t7.baidu.com/it/u=3903742064,2449678599&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.veer.com/photo/136303458?utm_source=baidu&utm_medium=imagesearch&chid=902\",\n \"contSign\": \"3903742064,2449678599\"\n},\n{\n \"text\": 227297,\n \"width\": 1200,\n \"height\": 800,\n \"oriwidth\": 1200,\n \"oriheight\": 800,\n \"icon\": \"https://t7.baidu.com/it/u=877418396,3745118611&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1006622228\",\n \"contSign\": \"877418396,3745118611\"\n},\n{\n \"text\": 227298,\n \"width\": 1200,\n \"height\": 800,\n \"oriwidth\": 1200,\n \"oriheight\": 800,\n \"icon\": \"https://t7.baidu.com/it/u=358282851,138825731&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1036183951\",\n \"contSign\": \"358282851,138825731\"\n},\n{\n \"text\": 227299,\n \"width\": 1200,\n \"height\": 675,\n \"oriwidth\": 1200,\n \"oriheight\": 675,\n \"icon\": \"https://t7.baidu.com/it/u=2579050480,1551395813&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.veer.com/photo/122173001?utm_source=baidu&utm_medium=imagesearch&chid=902\",\n \"contSign\": \"2579050480,1551395813\"\n},\n{\n \"text\": 227300,\n \"width\": 1200,\n \"height\": 800,\n \"oriwidth\": 1200,\n \"oriheight\": 800,\n \"icon\": \"https://t7.baidu.com/it/u=3763422503,1889797445&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.veer.com/photo/150610598?utm_source=baidu&utm_medium=imagesearch&chid=902\",\n \"contSign\": \"3763422503,1889797445\"\n},\n{\n \"text\": 227301,\n \"width\": 1200,\n \"height\": 800,\n \"oriwidth\": 1200,\n \"oriheight\": 800,\n \"icon\": \"https://t7.baidu.com/it/u=3567769346,3034688829&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1062531426\",\n \"contSign\": \"3567769346,3034688829\"\n},\n{\n \"text\": 227302,\n \"width\": 1200,\n \"height\": 799,\n \"oriwidth\": 1200,\n \"oriheight\": 799,\n \"icon\": \"https://t7.baidu.com/it/u=1806337451,4103535377&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1063452139\",\n \"contSign\": \"1806337451,4103535377\"\n},\n{\n \"text\": 227303,\n \"width\": 1200,\n \"height\": 406,\n \"oriwidth\": 1200,\n \"oriheight\": 406,\n \"icon\": \"https://t7.baidu.com/it/u=3595296331,3854981934&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1010315027\",\n \"contSign\": \"3595296331,3854981934\"\n},\n{\n \"text\": 227304,\n \"width\": 1200,\n \"height\": 801,\n \"oriwidth\": 1200,\n \"oriheight\": 801,\n \"icon\": \"https://t7.baidu.com/it/u=131992693,2338310516&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1054792322\",\n \"contSign\": \"131992693,2338310516\"\n},\n{\n \"text\": 227305,\n \"width\": 1200,\n \"height\": 797,\n \"oriwidth\": 1200,\n \"oriheight\": 797,\n \"icon\": \"https://t7.baidu.com/it/u=784911644,511439803&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1002776192\",\n \"contSign\": \"784911644,511439803\"\n},\n{\n \"text\": 227306,\n \"width\": 1200,\n \"height\": 774,\n \"oriwidth\": 1200,\n \"oriheight\": 774,\n \"icon\": \"https://t7.baidu.com/it/u=2915576760,832526495&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.veer.com/photo/140266915?utm_source=baidu&utm_medium=imagesearch&chid=902\",\n \"contSign\": \"2915576760,832526495\"\n},\n{\n \"text\": 227307,\n \"width\": 1200,\n \"height\": 801,\n \"oriwidth\": 1200,\n \"oriheight\": 801,\n \"icon\": \"https://t7.baidu.com/it/u=2963767354,870442698&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1035803178\",\n \"contSign\": \"2963767354,870442698\"\n},\n{\n \"text\": 227308,\n \"width\": 1200,\n \"height\": 532,\n \"oriwidth\": 1200,\n \"oriheight\": 532,\n \"icon\": \"https://t7.baidu.com/it/u=2482181618,4022729469&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1055516871\",\n \"contSign\": \"2482181618,4022729469\"\n},\n{\n \"text\": 227309,\n \"width\": 1100,\n \"height\": 1139,\n \"oriwidth\": 1159,\n \"oriheight\": 1200,\n \"icon\": \"https://t7.baidu.com/it/u=4006429942,3512086961&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1040786190\",\n \"contSign\": \"4006429942,3512086961\"\n},\n{\n \"text\": 227310,\n \"width\": 1200,\n \"height\": 877,\n \"oriwidth\": 1200,\n \"oriheight\": 877,\n \"icon\": \"https://t7.baidu.com/it/u=2246037974,3257596681&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1024012374\",\n \"contSign\": \"2246037974,3257596681\"\n},\n{\n \"text\": 227311,\n \"width\": 1200,\n \"height\": 800,\n \"oriwidth\": 1200,\n \"oriheight\": 800,\n \"icon\": \"https://t7.baidu.com/it/u=359304471,1368552526&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1035589412\",\n \"contSign\": \"359304471,1368552526\"\n},\n{\n \"text\": 227312,\n \"width\": 1200,\n \"height\": 800,\n \"oriwidth\": 1200,\n \"oriheight\": 800,\n \"icon\": \"https://t7.baidu.com/it/u=3020214904,3431644828&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1022058001\",\n \"contSign\": \"3020214904,3431644828\"\n},\n{\n \"text\": 227313,\n \"width\": 1200,\n \"height\": 800,\n \"oriwidth\": 1200,\n \"oriheight\": 800,\n \"icon\": \"https://t7.baidu.com/it/u=2898108424,4111626737&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.veer.com/photo/132523043?utm_source=baidu&utm_medium=imagesearch&chid=902\",\n \"contSign\": \"2898108424,4111626737\"\n},\n{\n \"text\": 227314,\n \"width\": 1200,\n \"height\": 800,\n \"oriwidth\": 1200,\n \"oriheight\": 800,\n \"icon\": \"https://t7.baidu.com/it/u=2807573989,921590260&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.veer.com/photo/153529372?utm_source=baidu&utm_medium=imagesearch&chid=902\",\n \"contSign\": \"2807573989,921590260\"\n},\n{\n \"text\": 227315,\n \"width\": 1200,\n \"height\": 800,\n \"oriwidth\": 1200,\n \"oriheight\": 800,\n \"icon\": \"https://t7.baidu.com/it/u=1719382957,3229442693&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.veer.com/photo/144006133?utm_source=baidu&utm_medium=imagesearch&chid=902\",\n \"contSign\": \"1719382957,3229442693\"\n},\n{\n \"text\": 227316,\n \"width\": 1200,\n \"height\": 800,\n \"oriwidth\": 1200,\n \"oriheight\": 800,\n \"icon\": \"https://t7.baidu.com/it/u=120139275,1591918746&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1027418580\",\n \"contSign\": \"120139275,1591918746\"\n},\n{\n \"text\": 227317,\n \"width\": 1200,\n \"height\": 675,\n \"oriwidth\": 1200,\n \"oriheight\": 675,\n \"icon\": \"https://t7.baidu.com/it/u=3673716604,2082259085&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.veer.com/photo/130277617?utm_source=baidu&utm_medium=imagesearch&chid=902\",\n \"contSign\": \"3673716604,2082259085\"\n},\n{\n \"text\": 227318,\n \"width\": 1100,\n \"height\": 1100,\n \"oriwidth\": 1200,\n \"oriheight\": 1200,\n \"icon\": \"https://t7.baidu.com/it/u=762377413,2049607695&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1028272189\",\n \"contSign\": \"762377413,2049607695\"\n}, {\n \"text\": 227319,\n \"width\": 1200,\n \"height\": 801,\n \"oriwidth\": 1200,\n \"oriheight\": 801,\n \"icon\": \"https://t7.baidu.com/it/u=1409782455,4259504249&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1055339402\",\n \"contSign\": \"1409782455,4259504249\"\n},\n{\n \"text\": 227320,\n \"width\": 1200,\n \"height\": 800,\n \"oriwidth\": 1200,\n \"oriheight\": 800,\n \"icon\": \"https://t7.baidu.com/it/u=3989065660,3306667017&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1035814217\",\n \"contSign\": \"3989065660,3306667017\"\n},\n{\n \"text\": 227321,\n \"width\": 1200,\n \"height\": 800,\n \"oriwidth\": 1200,\n \"oriheight\": 800,\n \"icon\": \"https://t7.baidu.com/it/u=715017140,34998045&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.veer.com/photo/162828237?utm_source=baidu&utm_medium=imagesearch&chid=902\",\n \"contSign\": \"715017140,34998045\"\n},\n{\n \"text\": 227322,\n \"width\": 1200,\n \"height\": 812,\n \"oriwidth\": 1200,\n \"oriheight\": 812,\n \"icon\": \"https://t7.baidu.com/it/u=3173233314,3615628866&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1057103256\",\n \"contSign\": \"3173233314,3615628866\"\n},\n{\n \"text\": 227323,\n \"width\": 1200,\n \"height\": 800,\n \"oriwidth\": 1200,\n \"oriheight\": 800,\n \"icon\": \"https://t7.baidu.com/it/u=4262409099,2954507158&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1150008849\",\n \"contSign\": \"4262409099,2954507158\"\n},\n{\n \"text\": 227324,\n \"width\": 1100,\n \"height\": 1100,\n \"oriwidth\": 1200,\n \"oriheight\": 1200,\n \"icon\": \"https://t7.baidu.com/it/u=128764686,1887614532&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1104172135\",\n \"contSign\": \"128764686,1887614532\"\n},\n{\n \"text\": 227325,\n \"width\": 1200,\n \"height\": 800,\n \"oriwidth\": 1200,\n \"oriheight\": 800,\n \"icon\": \"https://t7.baidu.com/it/u=3766874281,955096068&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.veer.com/photo/168043484?utm_source=baidu&utm_medium=imagesearch&chid=902\",\n \"contSign\": \"3766874281,955096068\"\n},\n{\n \"text\": 227326,\n \"width\": 1200,\n \"height\": 800,\n \"oriwidth\": 1200,\n \"oriheight\": 800,\n \"icon\": \"https://t7.baidu.com/it/u=2144397218,459931775&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1002882334\",\n \"contSign\": \"2144397218,459931775\"\n},\n{\n \"text\": 227327,\n \"width\": 1200,\n \"height\": 801,\n \"oriwidth\": 1200,\n \"oriheight\": 801,\n \"icon\": \"https://t7.baidu.com/it/u=4096426353,769921846&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/812765806\",\n \"contSign\": \"4096426353,769921846\"\n},\n{\n \"text\": 227328,\n \"width\": 1200,\n \"height\": 800,\n \"oriwidth\": 1200,\n \"oriheight\": 800,\n \"icon\": \"https://t7.baidu.com/it/u=3611558877,4122273298&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1060570425\",\n \"contSign\": \"3611558877,4122273298\"\n},\n{\n \"text\": 227329,\n \"width\": 1200,\n \"height\": 800,\n \"oriwidth\": 1200,\n \"oriheight\": 800,\n \"icon\": \"https://t7.baidu.com/it/u=3580522251,3022150043&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.veer.com/photo/310185792?utm_source=baidu&utm_medium=imagesearch&chid=902\",\n \"contSign\": \"3580522251,3022150043\"\n},\n{\n \"text\": 227330,\n \"width\": 1100,\n \"height\": 1100,\n \"oriwidth\": 1200,\n \"oriheight\": 1200,\n \"icon\": \"https://t7.baidu.com/it/u=2587880631,1511870074&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1115129349\",\n \"contSign\": \"2587880631,1511870074\"\n},\n{\n \"text\": 227331,\n \"width\": 1200,\n \"height\": 800,\n \"oriwidth\": 1200,\n \"oriheight\": 800,\n \"icon\": \"https://t7.baidu.com/it/u=1945777411,3970049628&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1050601481\",\n \"contSign\": \"1945777411,3970049628\"\n},\n{\n \"text\": 227332,\n \"width\": 1200,\n \"height\": 955,\n \"oriwidth\": 1200,\n \"oriheight\": 955,\n \"icon\": \"https://t7.baidu.com/it/u=2471051649,2314656574&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1032987057\",\n \"contSign\": \"2471051649,2314656574\"\n},\n{\n \"text\": 227333,\n \"width\": 1200,\n \"height\": 800,\n \"oriwidth\": 1200,\n \"oriheight\": 800,\n \"icon\": \"https://t7.baidu.com/it/u=949373678,2089110629&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1053192535\",\n \"contSign\": \"949373678,2089110629\"\n},\n{\n \"text\": 227334,\n \"width\": 1200,\n \"height\": 800,\n \"oriwidth\": 1200,\n \"oriheight\": 800,\n \"icon\": \"https://t7.baidu.com/it/u=2045508889,2926413337&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.veer.com/photo/147397450?utm_source=baidu&utm_medium=imagesearch&chid=902\",\n \"contSign\": \"2045508889,2926413337\"\n},\n{\n \"text\": 227335,\n \"width\": 1200,\n \"height\": 800,\n \"oriwidth\": 1200,\n \"oriheight\": 800,\n \"icon\": \"https://t7.baidu.com/it/u=4277577705,3179553937&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.veer.com/photo/162143962?utm_source=baidu&utm_medium=imagesearch&chid=902\",\n \"contSign\": \"4277577705,3179553937\"\n},\n{\n \"text\": 227336,\n \"width\": 1200,\n \"height\": 844,\n \"oriwidth\": 1200,\n \"oriheight\": 844,\n \"icon\": \"https://t7.baidu.com/it/u=3521602532,2298371181&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.veer.com/photo/302217317?utm_source=baidu&utm_medium=imagesearch&chid=902\",\n \"contSign\": \"3521602532,2298371181\"\n},\n{\n \"text\": 227337,\n \"width\": 1200,\n \"height\": 800,\n \"oriwidth\": 1200,\n \"oriheight\": 800,\n \"icon\": \"https://t7.baidu.com/it/u=2791136945,265310095&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.veer.com/photo/145728792?utm_source=baidu&utm_medium=imagesearch&chid=902\",\n \"contSign\": \"2791136945,265310095\"\n},\n{\n \"text\": 227338,\n \"width\": 1200,\n \"height\": 800,\n \"oriwidth\": 1200,\n \"oriheight\": 800,\n \"icon\": \"https://t7.baidu.com/it/u=1076097100,3808793036&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1118217524\",\n \"contSign\": \"1076097100,3808793036\"\n},\n{\n \"text\": 227339,\n \"width\": 1200,\n \"height\": 900,\n \"oriwidth\": 1200,\n \"oriheight\": 900,\n \"icon\": \"https://t7.baidu.com/it/u=2365196991,2126247757&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.veer.com/photo/138795066?utm_source=baidu&utm_medium=imagesearch&chid=902\",\n \"contSign\": \"2365196991,2126247757\"\n},\n{\n \"text\": 227340,\n \"width\": 1200,\n \"height\": 800,\n \"oriwidth\": 1200,\n \"oriheight\": 800,\n \"icon\": \"https://t7.baidu.com/it/u=1605105777,105464945&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.veer.com/photo/140992365?utm_source=baidu&utm_medium=imagesearch&chid=902\",\n \"contSign\": \"1605105777,105464945\"\n},\n{\n \"text\": 227341,\n \"width\": 1200,\n \"height\": 800,\n \"oriwidth\": 1200,\n \"oriheight\": 800,\n \"icon\": \"https://t7.baidu.com/it/u=3488572215,1738019951&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.veer.com/photo/141571399?utm_source=baidu&utm_medium=imagesearch&chid=902\",\n \"contSign\": \"3488572215,1738019951\"\n},\n{\n \"text\": 227342,\n \"width\": 1200,\n \"height\": 800,\n \"oriwidth\": 1200,\n \"oriheight\": 800,\n \"icon\": \"https://t7.baidu.com/it/u=1797095996,3240592019&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.veer.com/photo/141863415?utm_source=baidu&utm_medium=imagesearch&chid=902\",\n \"contSign\": \"1797095996,3240592019\"\n},\n{\n \"text\": 227343,\n \"width\": 1200,\n \"height\": 800,\n \"oriwidth\": 1200,\n \"oriheight\": 800,\n \"icon\": \"https://t7.baidu.com/it/u=3964797077,2797302290&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1049899845\",\n \"contSign\": \"3964797077,2797302290\"\n},\n{\n \"text\": 227344,\n \"width\": 1200,\n \"height\": 801,\n \"oriwidth\": 1200,\n \"oriheight\": 801,\n \"icon\": \"https://t7.baidu.com/it/u=3504047519,2312707429&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1028932565\",\n \"contSign\": \"3504047519,2312707429\"\n},\n{\n \"text\": 227345,\n \"width\": 1200,\n \"height\": 841,\n \"oriwidth\": 1200,\n \"oriheight\": 841,\n \"icon\": \"https://t7.baidu.com/it/u=3205195154,3091258605&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/814121704\",\n \"contSign\": \"3205195154,3091258605\"\n},\n{\n \"text\": 227346,\n \"width\": 1200,\n \"height\": 800,\n \"oriwidth\": 1200,\n \"oriheight\": 800,\n \"icon\": \"https://t7.baidu.com/it/u=2994408283,4137176668&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.veer.com/photo/159443477?utm_source=baidu&utm_medium=imagesearch&chid=902\",\n \"contSign\": \"2994408283,4137176668\"\n},\n{\n \"text\": 227347,\n \"width\": 1200,\n \"height\": 801,\n \"oriwidth\": 1200,\n \"oriheight\": 801,\n \"icon\": \"https://t7.baidu.com/it/u=2551908776,3460540251&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1017994685\",\n \"contSign\": \"2551908776,3460540251\"\n},\n{\n \"text\": 227348,\n \"width\": 1200,\n \"height\": 801,\n \"oriwidth\": 1200,\n \"oriheight\": 801,\n \"icon\": \"https://t7.baidu.com/it/u=3013393994,903593432&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1029756215\",\n \"contSign\": \"3013393994,903593432\"\n},\n{\n \"text\": 227349,\n \"width\": 1200,\n \"height\": 826,\n \"oriwidth\": 1200,\n \"oriheight\": 826,\n \"icon\": \"https://t7.baidu.com/it/u=3945220250,2602371635&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.veer.com/photo/308043029?utm_source=baidu&utm_medium=imagesearch&chid=902\",\n \"contSign\": \"3945220250,2602371635\"\n},\n{\n \"text\": 227350,\n \"width\": 1200,\n \"height\": 800,\n \"oriwidth\": 1200,\n \"oriheight\": 800,\n \"icon\": \"https://t7.baidu.com/it/u=999948573,3517807918&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1051133406\",\n \"contSign\": \"999948573,3517807918\"\n},\n{\n \"text\": 227351,\n \"width\": 1200,\n \"height\": 799,\n \"oriwidth\": 1200,\n \"oriheight\": 799,\n \"icon\": \"https://t7.baidu.com/it/u=3494784437,2150217805&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.veer.com/photo/310473198?utm_source=baidu&utm_medium=imagesearch&chid=902\",\n \"contSign\": \"3494784437,2150217805\"\n},\n{\n \"text\": 227352,\n \"width\": 1200,\n \"height\": 553,\n \"oriwidth\": 1200,\n \"oriheight\": 553,\n \"icon\": \"https://t7.baidu.com/it/u=674730986,993776527&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.veer.com/photo/124240822?utm_source=baidu&utm_medium=imagesearch&chid=902\",\n \"contSign\": \"674730986,993776527\"\n},\n{\n \"text\": 227353,\n \"width\": 1200,\n \"height\": 800,\n \"oriwidth\": 1200,\n \"oriheight\": 800,\n \"icon\": \"https://t7.baidu.com/it/u=2824037902,2956020463&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.veer.com/photo/122578760?utm_source=baidu&utm_medium=imagesearch&chid=902\",\n \"contSign\": \"2824037902,2956020463\"\n},\n{\n \"text\": 227354,\n \"width\": 1200,\n \"height\": 800,\n \"oriwidth\": 1200,\n \"oriheight\": 800,\n \"icon\": \"https://t7.baidu.com/it/u=3584210123,2805244565&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.veer.com/photo/146799625?utm_source=baidu&utm_medium=imagesearch&chid=902\",\n \"contSign\": \"3584210123,2805244565\"\n},\n{\n \"text\": 227355,\n \"width\": 1200,\n \"height\": 800,\n \"oriwidth\": 1200,\n \"oriheight\": 800,\n \"icon\": \"https://t7.baidu.com/it/u=1633654702,1941638997&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.veer.com/photo/317405128?utm_source=baidu&utm_medium=imagesearch&chid=902\",\n \"contSign\": \"1633654702,1941638997\"\n},\n{\n \"text\": 227356,\n \"width\": 1200,\n \"height\": 800,\n \"oriwidth\": 1200,\n \"oriheight\": 800,\n \"icon\": \"https://t7.baidu.com/it/u=537647950,4029050738&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.veer.com/photo/136618151?utm_source=baidu&utm_medium=imagesearch&chid=902\",\n \"contSign\": \"537647950,4029050738\"\n},\n{\n \"text\": 227357,\n \"width\": 1200,\n \"height\": 800,\n \"oriwidth\": 1200,\n \"oriheight\": 800,\n \"icon\": \"https://t7.baidu.com/it/u=181339437,3926655189&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.veer.com/photo/149593862?utm_source=baidu&utm_medium=imagesearch&chid=902\",\n \"contSign\": \"181339437,3926655189\"\n},\n{\n \"text\": 227358,\n \"width\": 1200,\n \"height\": 800,\n \"oriwidth\": 1200,\n \"oriheight\": 800,\n \"icon\": \"https://t7.baidu.com/it/u=3611311651,3736984807&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.veer.com/photo/136483168?utm_source=baidu&utm_medium=imagesearch&chid=902\",\n \"contSign\": \"3611311651,3736984807\"\n},\n{\n \"text\": 227359,\n \"width\": 1200,\n \"height\": 801,\n \"oriwidth\": 1200,\n \"oriheight\": 801,\n \"icon\": \"https://t7.baidu.com/it/u=1731430259,4122341714&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.veer.com/photo/133319026?utm_source=baidu&utm_medium=imagesearch&chid=902\",\n \"contSign\": \"1731430259,4122341714\"\n},\n{\n \"text\": 227360,\n \"width\": 1200,\n \"height\": 800,\n \"oriwidth\": 1200,\n \"oriheight\": 800,\n \"icon\": \"https://t7.baidu.com/it/u=3118287822,1580567487&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1006310641\",\n \"contSign\": \"3118287822,1580567487\"\n},\n{\n \"text\": 227361,\n \"width\": 1200,\n \"height\": 798,\n \"oriwidth\": 1200,\n \"oriheight\": 798,\n \"icon\": \"https://t7.baidu.com/it/u=1653900808,1273534310&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/811880863\",\n \"contSign\": \"1653900808,1273534310\"\n},\n{\n \"text\": 227362,\n \"width\": 1200,\n \"height\": 800,\n \"oriwidth\": 1200,\n \"oriheight\": 800,\n \"icon\": \"https://t7.baidu.com/it/u=1731116575,3287320324&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1000514564\",\n \"contSign\": \"1731116575,3287320324\"\n},\n{\n \"text\": 227363,\n \"width\": 1200,\n \"height\": 799,\n \"oriwidth\": 1200,\n \"oriheight\": 799,\n \"icon\": \"https://t7.baidu.com/it/u=1763353175,3028507002&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.veer.com/photo/159063899?utm_source=baidu&utm_medium=imagesearch&chid=902\",\n \"contSign\": \"1763353175,3028507002\"\n},\n{\n \"text\": 227364,\n \"width\": 1200,\n \"height\": 800,\n \"oriwidth\": 1200,\n \"oriheight\": 800,\n \"icon\": \"https://t7.baidu.com/it/u=2150533285,3531991340&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1007401813\",\n \"contSign\": \"2150533285,3531991340\"\n},\n{\n \"text\": 227365,\n \"width\": 1200,\n \"height\": 800,\n \"oriwidth\": 1200,\n \"oriheight\": 800,\n \"icon\": \"https://t7.baidu.com/it/u=3000639768,209436840&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1029613999\",\n \"contSign\": \"3000639768,209436840\"\n},\n{\n \"text\": 227366,\n \"width\": 1200,\n \"height\": 800,\n \"oriwidth\": 1200,\n \"oriheight\": 800,\n \"icon\": \"https://t7.baidu.com/it/u=2196842896,2809445370&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.veer.com/photo/168439041?utm_source=baidu&utm_medium=imagesearch&chid=902\",\n \"contSign\": \"2196842896,2809445370\"\n},\n{\n \"text\": 227367,\n \"width\": 1200,\n \"height\": 826,\n \"oriwidth\": 1200,\n \"oriheight\": 826,\n \"icon\": \"https://t7.baidu.com/it/u=1003536240,4238637119&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1027365613\",\n \"contSign\": \"1003536240,4238637119\"\n},\n{\n \"text\": 227368,\n \"width\": 1200,\n \"height\": 798,\n \"oriwidth\": 1200,\n \"oriheight\": 798,\n \"icon\": \"https://t7.baidu.com/it/u=3212988258,2539149563&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.veer.com/photo/161649637?utm_source=baidu&utm_medium=imagesearch&chid=902\",\n \"contSign\": \"3212988258,2539149563\"\n},\n{\n \"text\": 227369,\n \"width\": 1200,\n \"height\": 800,\n \"oriwidth\": 1200,\n \"oriheight\": 800,\n \"icon\": \"https://t7.baidu.com/it/u=1054580627,2991205318&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1030380288\",\n \"contSign\": \"1054580627,2991205318\"\n},\n{\n \"text\": 227370,\n \"width\": 1200,\n \"height\": 800,\n \"oriwidth\": 1200,\n \"oriheight\": 800,\n \"icon\": \"https://t7.baidu.com/it/u=3779521506,3594871140&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.veer.com/photo/132972021?utm_source=baidu&utm_medium=imagesearch&chid=902\",\n \"contSign\": \"3779521506,3594871140\"\n},\n{\n \"text\": 227371,\n \"width\": 1200,\n \"height\": 800,\n \"oriwidth\": 1200,\n \"oriheight\": 800,\n \"icon\": \"https://t7.baidu.com/it/u=1492222012,4284632909&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.veer.com/photo/145673513?utm_source=baidu&utm_medium=imagesearch&chid=902\",\n \"contSign\": \"1492222012,4284632909\"\n},\n{\n \"text\": 227372,\n \"width\": 1200,\n \"height\": 804,\n \"oriwidth\": 1200,\n \"oriheight\": 804,\n \"icon\": \"https://t7.baidu.com/it/u=3390343310,1864758359&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.veer.com/photo/150280052?utm_source=baidu&utm_medium=imagesearch&chid=902\",\n \"contSign\": \"3390343310,1864758359\"\n},\n{\n \"text\": 227373,\n \"width\": 1200,\n \"height\": 800,\n \"oriwidth\": 1200,\n \"oriheight\": 800,\n \"icon\": \"https://t7.baidu.com/it/u=3476335245,566641821&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.veer.com/photo/316588769?utm_source=baidu&utm_medium=imagesearch&chid=902\",\n \"contSign\": \"3476335245,566641821\"\n},\n{\n \"text\": 227374,\n \"width\": 1200,\n \"height\": 797,\n \"oriwidth\": 1200,\n \"oriheight\": 797,\n \"icon\": \"https://t7.baidu.com/it/u=2629111704,2893130943&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.veer.com/photo/317416007?utm_source=baidu&utm_medium=imagesearch&chid=902\",\n \"contSign\": \"2629111704,2893130943\"\n},\n{\n \"text\": 227375,\n \"width\": 1200,\n \"height\": 968,\n \"oriwidth\": 1200,\n \"oriheight\": 968,\n \"icon\": \"https://t7.baidu.com/it/u=3360446468,3126444958&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.veer.com/photo/300849004?utm_source=baidu&utm_medium=imagesearch&chid=902\",\n \"contSign\": \"3360446468,3126444958\"\n},\n{\n \"text\": 227376,\n \"width\": 1200,\n \"height\": 900,\n \"oriwidth\": 1200,\n \"oriheight\": 900,\n \"icon\": \"https://t7.baidu.com/it/u=963911982,2848078013&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.veer.com/photo/149032821?utm_source=baidu&utm_medium=imagesearch&chid=902\",\n \"contSign\": \"963911982,2848078013\"\n},\n{\n \"text\": 227377,\n \"width\": 799,\n \"height\": 1200,\n \"oriwidth\": 799,\n \"oriheight\": 1200,\n \"icon\": \"https://t7.baidu.com/it/u=2749005241,3756993511&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.veer.com/photo/132008885?utm_source=baidu&utm_medium=imagesearch&chid=902\",\n \"contSign\": \"2749005241,3756993511\"\n},\n{\n \"text\": 227378,\n \"width\": 1200,\n \"height\": 800,\n \"oriwidth\": 1200,\n \"oriheight\": 800,\n \"icon\": \"https://t7.baidu.com/it/u=2356288009,165267894&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.veer.com/photo/134082497?utm_source=baidu&utm_medium=imagesearch&chid=902\",\n \"contSign\": \"2356288009,165267894\"\n},\n{\n \"text\": 227379,\n \"width\": 1200,\n \"height\": 801,\n \"oriwidth\": 1200,\n \"oriheight\": 801,\n \"icon\": \"https://t7.baidu.com/it/u=2587978747,4268841661&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.veer.com/photo/303186829?utm_source=baidu&utm_medium=imagesearch&chid=902\",\n \"contSign\": \"2587978747,4268841661\"\n},\n{\n \"text\": 227380,\n \"width\": 1200,\n \"height\": 1062,\n \"oriwidth\": 1200,\n \"oriheight\": 1062,\n \"icon\": \"https://t7.baidu.com/it/u=4270346390,3157940310&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.veer.com/photo/128910487?utm_source=baidu&utm_medium=imagesearch&chid=902\",\n \"contSign\": \"4270346390,3157940310\"\n},\n{\n \"text\": 227381,\n \"width\": 1200,\n \"height\": 800,\n \"oriwidth\": 1200,\n \"oriheight\": 800,\n \"icon\": \"https://t7.baidu.com/it/u=2033987856,334685263&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.veer.com/photo/146045342?utm_source=baidu&utm_medium=imagesearch&chid=902\",\n \"contSign\": \"2033987856,334685263\"\n},\n{\n \"text\": 227382,\n \"width\": 1200,\n \"height\": 801,\n \"oriwidth\": 1200,\n \"oriheight\": 801,\n \"icon\": \"https://t7.baidu.com/it/u=3365816791,2090972507&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.veer.com/photo/152999783?utm_source=baidu&utm_medium=imagesearch&chid=902\",\n \"contSign\": \"3365816791,2090972507\"\n},\n{\n \"text\": 227383,\n \"width\": 1200,\n \"height\": 800,\n \"oriwidth\": 1200,\n \"oriheight\": 800,\n \"icon\": \"https://t7.baidu.com/it/u=2832568479,3079338638&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1052639056\",\n \"contSign\": \"2832568479,3079338638\"\n},\n{\n \"text\": 227384,\n \"width\": 1200,\n \"height\": 798,\n \"oriwidth\": 1200,\n \"oriheight\": 798,\n \"icon\": \"https://t7.baidu.com/it/u=3402562197,1448335639&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1001450396\",\n \"contSign\": \"3402562197,1448335639\"\n},\n{\n \"text\": 227385,\n \"width\": 1200,\n \"height\": 800,\n \"oriwidth\": 1200,\n \"oriheight\": 800,\n \"icon\": \"https://t7.baidu.com/it/u=362606996,1308115179&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.veer.com/photo/141521812?utm_source=baidu&utm_medium=imagesearch&chid=902\",\n \"contSign\": \"362606996,1308115179\"\n},\n{\n \"text\": 227386,\n \"width\": 1200,\n \"height\": 800,\n \"oriwidth\": 1200,\n \"oriheight\": 800,\n \"icon\": \"https://t7.baidu.com/it/u=3559545936,2137497241&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.veer.com/photo/300765680?utm_source=baidu&utm_medium=imagesearch&chid=902\",\n \"contSign\": \"3559545936,2137497241\"\n},\n{\n \"text\": 227387,\n \"width\": 1200,\n \"height\": 886,\n \"oriwidth\": 1200,\n \"oriheight\": 886,\n \"icon\": \"https://t7.baidu.com/it/u=84724994,1785703920&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.veer.com/photo/126895103?utm_source=baidu&utm_medium=imagesearch&chid=902\",\n \"contSign\": \"84724994,1785703920\"\n},\n{\n \"text\": 227388,\n \"width\": 1200,\n \"height\": 857,\n \"oriwidth\": 1200,\n \"oriheight\": 857,\n \"icon\": \"https://t7.baidu.com/it/u=2928560209,826823219&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.veer.com/photo/128456841?utm_source=baidu&utm_medium=imagesearch&chid=902\",\n \"contSign\": \"2928560209,826823219\"\n},\n{\n \"text\": 227389,\n \"width\": 1200,\n \"height\": 645,\n \"oriwidth\": 1200,\n \"oriheight\": 645,\n \"icon\": \"https://t7.baidu.com/it/u=35609773,4244826427&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.veer.com/photo/152311129?utm_source=baidu&utm_medium=imagesearch&chid=902\",\n \"contSign\": \"35609773,4244826427\"\n},\n{\n \"text\": 227390,\n \"width\": 1200,\n \"height\": 800,\n \"oriwidth\": 1200,\n \"oriheight\": 800,\n \"icon\": \"https://t7.baidu.com/it/u=1184786652,4267119475&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.veer.com/photo/304111194?utm_source=baidu&utm_medium=imagesearch&chid=902\",\n \"contSign\": \"1184786652,4267119475\"\n},\n{\n \"text\": 227391,\n \"width\": 1200,\n \"height\": 800,\n \"oriwidth\": 1200,\n \"oriheight\": 800,\n \"icon\": \"https://t7.baidu.com/it/u=2442101163,704451495&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1027194012\",\n \"contSign\": \"2442101163,704451495\"\n},\n{\n \"text\": 227392,\n \"width\": 1200,\n \"height\": 800,\n \"oriwidth\": 1200,\n \"oriheight\": 800,\n \"icon\": \"https://t7.baidu.com/it/u=2101644882,1075267945&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1007362202\",\n \"contSign\": \"2101644882,1075267945\"\n},\n{\n \"text\": 227393,\n \"width\": 1200,\n \"height\": 852,\n \"oriwidth\": 1200,\n \"oriheight\": 852,\n \"icon\": \"https://t7.baidu.com/it/u=3780014697,4013718301&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1050922808\",\n \"contSign\": \"3780014697,4013718301\"\n},\n{\n \"text\": 227394,\n \"width\": 900,\n \"height\": 1200,\n \"oriwidth\": 900,\n \"oriheight\": 1200,\n \"icon\": \"https://t7.baidu.com/it/u=3186654957,2538175951&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1118261381\",\n \"contSign\": \"3186654957,2538175951\"\n},\n{\n \"text\": 227395,\n \"width\": 1200,\n \"height\": 801,\n \"oriwidth\": 1200,\n \"oriheight\": 801,\n \"icon\": \"https://t7.baidu.com/it/u=1651827261,3011495024&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1003513018\",\n \"contSign\": \"1651827261,3011495024\"\n},\n{\n \"text\": 227396,\n \"width\": 1200,\n \"height\": 801,\n \"oriwidth\": 1200,\n \"oriheight\": 801,\n \"icon\": \"https://t7.baidu.com/it/u=832449998,3859178369&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1100494460\",\n \"contSign\": \"832449998,3859178369\"\n},\n{\n \"text\": 227397,\n \"width\": 1200,\n \"height\": 800,\n \"oriwidth\": 1200,\n \"oriheight\": 800,\n \"icon\": \"https://t7.baidu.com/it/u=3957713631,2130629512&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1000336576\",\n \"contSign\": \"3957713631,2130629512\"\n},\n{\n \"text\": 227398,\n \"width\": 1200,\n \"height\": 800,\n \"oriwidth\": 1200,\n \"oriheight\": 800,\n \"icon\": \"https://t7.baidu.com/it/u=1710836566,438775692&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1024382340\",\n \"contSign\": \"1710836566,438775692\"\n},\n{\n \"text\": 227399,\n \"width\": 1200,\n \"height\": 801,\n \"oriwidth\": 1200,\n \"oriheight\": 801,\n \"icon\": \"https://t7.baidu.com/it/u=767439687,3723255857&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1024280159\",\n \"contSign\": \"767439687,3723255857\"\n},\n{\n \"text\": 227400,\n \"width\": 1200,\n \"height\": 900,\n \"oriwidth\": 1200,\n \"oriheight\": 900,\n \"icon\": \"https://t7.baidu.com/it/u=1834663636,3976664084&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1000653784\",\n \"contSign\": \"1834663636,3976664084\"\n},\n{\n \"text\": 227401,\n \"width\": 1200,\n \"height\": 800,\n \"oriwidth\": 1200,\n \"oriheight\": 800,\n \"icon\": \"https://t7.baidu.com/it/u=749565715,161543174&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.veer.com/photo/136858346?utm_source=baidu&utm_medium=imagesearch&chid=902\",\n \"contSign\": \"749565715,161543174\"\n},\n{\n \"text\": 227402,\n \"width\": 1200,\n \"height\": 801,\n \"oriwidth\": 1200,\n \"oriheight\": 801,\n \"icon\": \"https://t7.baidu.com/it/u=998531591,1290217684&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1030088113\",\n \"contSign\": \"998531591,1290217684\"\n},\n{\n \"text\": 227403,\n \"width\": 1200,\n \"height\": 800,\n \"oriwidth\": 1200,\n \"oriheight\": 800,\n \"icon\": \"https://t7.baidu.com/it/u=1475491351,2768775086&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1055745742\",\n \"contSign\": \"1475491351,2768775086\"\n},\n{\n \"text\": 227404,\n \"width\": 1200,\n \"height\": 817,\n \"oriwidth\": 1200,\n \"oriheight\": 817,\n \"icon\": \"https://t7.baidu.com/it/u=2635867524,1197088319&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1019787774\",\n \"contSign\": \"2635867524,1197088319\"\n},\n{\n \"text\": 227405,\n \"width\": 1200,\n \"height\": 799,\n \"oriwidth\": 1200,\n \"oriheight\": 799,\n \"icon\": \"https://t7.baidu.com/it/u=2176572726,2741997837&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.veer.com/photo/307639550?utm_source=baidu&utm_medium=imagesearch&chid=902\",\n \"contSign\": \"2176572726,2741997837\"\n},\n{\n \"text\": 227406,\n \"width\": 1100,\n \"height\": 1100,\n \"oriwidth\": 1200,\n \"oriheight\": 1200,\n \"icon\": \"https://t7.baidu.com/it/u=2318403788,3418888102&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1044347181\",\n \"contSign\": \"2318403788,3418888102\"\n},\n{\n \"text\": 227407,\n \"width\": 1200,\n \"height\": 798,\n \"oriwidth\": 1200,\n \"oriheight\": 798,\n \"icon\": \"https://t7.baidu.com/it/u=2721487180,382525853&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1008712572\",\n \"contSign\": \"2721487180,382525853\"\n},\n{\n \"text\": 227408,\n \"width\": 1200,\n \"height\": 800,\n \"oriwidth\": 1200,\n \"oriheight\": 800,\n \"icon\": \"https://t7.baidu.com/it/u=2647854384,1552048643&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1034717985\",\n \"contSign\": \"2647854384,1552048643\"\n},\n{\n \"text\": 144520,\n \"width\": 1200,\n \"height\": 562,\n \"oriwidth\": 1200,\n \"oriheight\": 562,\n \"icon\": \"https://t7.baidu.com/it/u=1819248061,230866778&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1274231988\",\n \"contSign\": \"1819248061,230866778\"\n},\n{\n \"text\": 144521,\n \"width\": 562,\n \"height\": 1000,\n \"oriwidth\": 562,\n \"oriheight\": 1000,\n \"icon\": \"https://t7.baidu.com/it/u=4036010509,3445021118&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1147957933\",\n \"contSign\": \"4036010509,3445021118\"\n},\n{\n \"text\": 144522,\n \"width\": 1200,\n \"height\": 675,\n \"oriwidth\": 1200,\n \"oriheight\": 675,\n \"icon\": \"https://t7.baidu.com/it/u=963301259,1982396977&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.veer.com/vectorgraph/368621010?utm_source=baidu&utm_medium=imagesearch&chid=902\",\n \"contSign\": \"963301259,1982396977\"\n},\n{\n \"text\": 144523,\n \"width\": 1200,\n \"height\": 798,\n \"oriwidth\": 1200,\n \"oriheight\": 798,\n \"icon\": \"https://t7.baidu.com/it/u=1575628574,1150213623&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1241121526\",\n \"contSign\": \"1575628574,1150213623\"\n},\n{\n \"text\": 144524,\n \"width\": 1200,\n \"height\": 708,\n \"oriwidth\": 1200,\n \"oriheight\": 708,\n \"icon\": \"https://t7.baidu.com/it/u=737555197,308540855&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1057378806\",\n \"contSign\": \"737555197,308540855\"\n},\n{\n \"text\": 144525,\n \"width\": 1200,\n \"height\": 675,\n \"oriwidth\": 1200,\n \"oriheight\": 675,\n \"icon\": \"https://t7.baidu.com/it/u=91673060,7145840&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.veer.com/vectorgraph/372794457?utm_source=baidu&utm_medium=imagesearch&chid=902\",\n \"contSign\": \"91673060,7145840\"\n},\n{\n \"text\": 144526,\n \"width\": 845,\n \"height\": 1200,\n \"oriwidth\": 845,\n \"oriheight\": 1200,\n \"icon\": \"https://t7.baidu.com/it/u=2291349828,4144427007&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1289012916\",\n \"contSign\": \"2291349828,4144427007\"\n},\n{\n \"text\": 144527,\n \"width\": 1200,\n \"height\": 675,\n \"oriwidth\": 1200,\n \"oriheight\": 675,\n \"icon\": \"https://t7.baidu.com/it/u=1297102096,3476971300&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1061297425\",\n \"contSign\": \"1297102096,3476971300\"\n},\n{\n \"text\": 144528,\n \"width\": 1200,\n \"height\": 1002,\n \"oriwidth\": 1200,\n \"oriheight\": 1002,\n \"icon\": \"https://t7.baidu.com/it/u=852388090,130270862&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1059380974\",\n \"contSign\": \"852388090,130270862\"\n},\n{\n \"text\": 144529,\n \"width\": 1000,\n \"height\": 613,\n \"oriwidth\": 1000,\n \"oriheight\": 613,\n \"icon\": \"https://t7.baidu.com/it/u=4283365501,347124022&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1284958551\",\n \"contSign\": \"4283365501,347124022\"\n},\n{\n \"text\": 144530,\n \"width\": 1200,\n \"height\": 900,\n \"oriwidth\": 1200,\n \"oriheight\": 900,\n \"icon\": \"https://t7.baidu.com/it/u=4240641596,3235181048&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1262443433\",\n \"contSign\": \"4240641596,3235181048\"\n},\n{\n \"text\": 144531,\n \"width\": 1200,\n \"height\": 511,\n \"oriwidth\": 1200,\n \"oriheight\": 511,\n \"icon\": \"https://t7.baidu.com/it/u=3655946603,4193416998&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1280896397\",\n \"contSign\": \"3655946603,4193416998\"\n},\n{\n \"text\": 144532,\n \"width\": 562,\n \"height\": 1000,\n \"oriwidth\": 562,\n \"oriheight\": 1000,\n \"icon\": \"https://t7.baidu.com/it/u=376303577,3502948048&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1147957934\",\n \"contSign\": \"376303577,3502948048\"\n},\n{\n \"text\": 144533,\n \"width\": 707,\n \"height\": 1000,\n \"oriwidth\": 707,\n \"oriheight\": 1000,\n \"icon\": \"https://t7.baidu.com/it/u=3078321260,3840584311&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1276888890\",\n \"contSign\": \"3078321260,3840584311\"\n},\n{\n \"text\": 144534,\n \"width\": 707,\n \"height\": 1000,\n \"oriwidth\": 707,\n \"oriheight\": 1000,\n \"icon\": \"https://t7.baidu.com/it/u=1092574912,855301095&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1276889074\",\n \"contSign\": \"1092574912,855301095\"\n},\n{\n \"text\": 144535,\n \"width\": 1200,\n \"height\": 674,\n \"oriwidth\": 1200,\n \"oriheight\": 674,\n \"icon\": \"https://t7.baidu.com/it/u=3652245443,3894439772&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1288048741\",\n \"contSign\": \"3652245443,3894439772\"\n},\n{\n \"text\": 144536,\n \"width\": 1200,\n \"height\": 562,\n \"oriwidth\": 1200,\n \"oriheight\": 562,\n \"icon\": \"https://t7.baidu.com/it/u=12235476,3874255656&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1287835587\",\n \"contSign\": \"12235476,3874255656\"\n},\n{\n \"text\": 144537,\n \"width\": 707,\n \"height\": 1000,\n \"oriwidth\": 707,\n \"oriheight\": 1000,\n \"icon\": \"https://t7.baidu.com/it/u=1469153347,135482855&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1276888907\",\n \"contSign\": \"1469153347,135482855\"\n},\n{\n \"text\": 144538,\n \"width\": 1000,\n \"height\": 879,\n \"oriwidth\": 1000,\n \"oriheight\": 879,\n \"icon\": \"https://t7.baidu.com/it/u=1595511510,3648399748&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1291580596\",\n \"contSign\": \"1595511510,3648399748\"\n},\n{\n \"text\": 144539,\n \"width\": 1000,\n \"height\": 507,\n \"oriwidth\": 1000,\n \"oriheight\": 507,\n \"icon\": \"https://t7.baidu.com/it/u=1700588201,792130339&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1177269086\",\n \"contSign\": \"1700588201,792130339\"\n},\n{\n \"text\": 144540,\n \"width\": 1200,\n \"height\": 533,\n \"oriwidth\": 1200,\n \"oriheight\": 533,\n \"icon\": \"https://t7.baidu.com/it/u=1032479594,2383177859&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1292520120\",\n \"contSign\": \"1032479594,2383177859\"\n},\n{\n \"text\": 144541,\n \"width\": 1000,\n \"height\": 855,\n \"oriwidth\": 1000,\n \"oriheight\": 855,\n \"icon\": \"https://t7.baidu.com/it/u=2489672413,3546290349&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1147957935\",\n \"contSign\": \"2489672413,3546290349\"\n},\n{\n \"text\": 144542,\n \"width\": 675,\n \"height\": 1200,\n \"oriwidth\": 675,\n \"oriheight\": 1200,\n \"icon\": \"https://t7.baidu.com/it/u=3203007717,1062852813&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1250996827\",\n \"contSign\": \"3203007717,1062852813\"\n},\n{\n \"text\": 144543,\n \"width\": 1200,\n \"height\": 885,\n \"oriwidth\": 1200,\n \"oriheight\": 885,\n \"icon\": \"https://t7.baidu.com/it/u=810585695,3039658333&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1244963673\",\n \"contSign\": \"810585695,3039658333\"\n},\n{\n \"text\": 144544,\n \"width\": 720,\n \"height\": 1000,\n \"oriwidth\": 720,\n \"oriheight\": 1000,\n \"icon\": \"https://t7.baidu.com/it/u=1485780900,1171834527&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1284958196\",\n \"contSign\": \"1485780900,1171834527\"\n},\n{\n \"text\": 144545,\n \"width\": 1100,\n \"height\": 1100,\n \"oriwidth\": 1200,\n \"oriheight\": 1200,\n \"icon\": \"https://t7.baidu.com/it/u=839828294,1619278046&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1188913672\",\n \"contSign\": \"839828294,1619278046\"\n},\n{\n \"text\": 144546,\n \"width\": 1200,\n \"height\": 620,\n \"oriwidth\": 1200,\n \"oriheight\": 620,\n \"icon\": \"https://t7.baidu.com/it/u=3195384123,421318755&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1251136970\",\n \"contSign\": \"3195384123,421318755\"\n},\n{\n \"text\": 144547,\n \"width\": 1200,\n \"height\": 562,\n \"oriwidth\": 1200,\n \"oriheight\": 562,\n \"icon\": \"https://t7.baidu.com/it/u=2671101745,1413589787&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1214912793\",\n \"contSign\": \"2671101745,1413589787\"\n},\n{\n \"text\": 144548,\n \"width\": 849,\n \"height\": 1200,\n \"oriwidth\": 849,\n \"oriheight\": 1200,\n \"icon\": \"https://t7.baidu.com/it/u=1728637936,3151165212&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1263187311\",\n \"contSign\": \"1728637936,3151165212\"\n},\n{\n \"text\": 144549,\n \"width\": 676,\n \"height\": 1200,\n \"oriwidth\": 676,\n \"oriheight\": 1200,\n \"icon\": \"https://t7.baidu.com/it/u=2487536464,3153080617&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1289747446\",\n \"contSign\": \"2487536464,3153080617\"\n},\n{\n \"text\": 144550,\n \"width\": 1200,\n \"height\": 716,\n \"oriwidth\": 1200,\n \"oriheight\": 716,\n \"icon\": \"https://t7.baidu.com/it/u=2605426091,1199286953&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1156650833\",\n \"contSign\": \"2605426091,1199286953\"\n},\n{\n \"text\": 144551,\n \"width\": 1200,\n \"height\": 599,\n \"oriwidth\": 1200,\n \"oriheight\": 599,\n \"icon\": \"https://t7.baidu.com/it/u=4037993762,1028356359&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1227946542\",\n \"contSign\": \"4037993762,1028356359\"\n},\n{\n \"text\": 144552,\n \"width\": 1100,\n \"height\": 1100,\n \"oriwidth\": 1200,\n \"oriheight\": 1200,\n \"icon\": \"https://t7.baidu.com/it/u=1620952818,4218424235&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1264757499\",\n \"contSign\": \"1620952818,4218424235\"\n},\n{\n \"text\": 144553,\n \"width\": 1200,\n \"height\": 907,\n \"oriwidth\": 1200,\n \"oriheight\": 907,\n \"icon\": \"https://t7.baidu.com/it/u=2869268957,1721811479&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1291535980\",\n \"contSign\": \"2869268957,1721811479\"\n},\n{\n \"text\": 144554,\n \"width\": 762,\n \"height\": 1200,\n \"oriwidth\": 762,\n \"oriheight\": 1200,\n \"icon\": \"https://t7.baidu.com/it/u=2478304529,1778129966&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1156655556\",\n \"contSign\": \"2478304529,1778129966\"\n},\n{\n \"text\": 144555,\n \"width\": 1200,\n \"height\": 675,\n \"oriwidth\": 1200,\n \"oriheight\": 675,\n \"icon\": \"https://t7.baidu.com/it/u=656148390,14962452&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.veer.com/vectorgraph/348311797?utm_source=baidu&utm_medium=imagesearch&chid=902\",\n \"contSign\": \"656148390,14962452\"\n},\n{\n \"text\": 144556,\n \"width\": 1200,\n \"height\": 674,\n \"oriwidth\": 1200,\n \"oriheight\": 674,\n \"icon\": \"https://t7.baidu.com/it/u=3078295664,4026667001&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1289747452\",\n \"contSign\": \"3078295664,4026667001\"\n},\n{\n \"text\": 144557,\n \"width\": 1200,\n \"height\": 736,\n \"oriwidth\": 1200,\n \"oriheight\": 736,\n \"icon\": \"https://t7.baidu.com/it/u=1557229360,443641844&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1291536009\",\n \"contSign\": \"1557229360,443641844\"\n},\n{\n \"text\": 144558,\n \"width\": 1200,\n \"height\": 600,\n \"oriwidth\": 1200,\n \"oriheight\": 600,\n \"icon\": \"https://t7.baidu.com/it/u=2061716906,3574604343&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1284671473\",\n \"contSign\": \"2061716906,3574604343\"\n},\n{\n \"text\": 144559,\n \"width\": 1200,\n \"height\": 878,\n \"oriwidth\": 1200,\n \"oriheight\": 878,\n \"icon\": \"https://t7.baidu.com/it/u=805456074,3405546217&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1254169296\",\n \"contSign\": \"805456074,3405546217\"\n},\n{\n \"text\": 144560,\n \"width\": 800,\n \"height\": 1200,\n \"oriwidth\": 800,\n \"oriheight\": 1200,\n \"icon\": \"https://t7.baidu.com/it/u=3990204032,3996447558&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1272942830\",\n \"contSign\": \"3990204032,3996447558\"\n},\n{\n \"text\": 144561,\n \"width\": 1200,\n \"height\": 400,\n \"oriwidth\": 1200,\n \"oriheight\": 400,\n \"icon\": \"https://t7.baidu.com/it/u=1372661506,1255922485&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1080375510\",\n \"contSign\": \"1372661506,1255922485\"\n},\n{\n \"text\": 144562,\n \"width\": 1200,\n \"height\": 849,\n \"oriwidth\": 1200,\n \"oriheight\": 849,\n \"icon\": \"https://t7.baidu.com/it/u=3902551096,3717324701&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1268187465\",\n \"contSign\": \"3902551096,3717324701\"\n},\n{\n \"text\": 144563,\n \"width\": 1200,\n \"height\": 849,\n \"oriwidth\": 1200,\n \"oriheight\": 849,\n \"icon\": \"https://t7.baidu.com/it/u=3069651952,3707858927&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1064248017\",\n \"contSign\": \"3069651952,3707858927\"\n},\n{\n \"text\": 144564,\n \"width\": 1000,\n \"height\": 855,\n \"oriwidth\": 1000,\n \"oriheight\": 855,\n \"icon\": \"https://t7.baidu.com/it/u=841539266,3457438987&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1147957946\",\n \"contSign\": \"841539266,3457438987\"\n},\n{\n \"text\": 144565,\n \"width\": 675,\n \"height\": 1200,\n \"oriwidth\": 675,\n \"oriheight\": 1200,\n \"icon\": \"https://t7.baidu.com/it/u=4139900776,3950105079&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1288721113\",\n \"contSign\": \"4139900776,3950105079\"\n},\n{\n \"text\": 144566,\n \"width\": 1200,\n \"height\": 400,\n \"oriwidth\": 1200,\n \"oriheight\": 400,\n \"icon\": \"https://t7.baidu.com/it/u=433422559,1779762296&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1288458692\",\n \"contSign\": \"433422559,1779762296\"\n},\n{\n \"text\": 144567,\n \"width\": 1200,\n \"height\": 777,\n \"oriwidth\": 1200,\n \"oriheight\": 777,\n \"icon\": \"https://t7.baidu.com/it/u=1963305748,3425007544&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1069059346\",\n \"contSign\": \"1963305748,3425007544\"\n},\n{\n \"text\": 144568,\n \"width\": 747,\n \"height\": 1000,\n \"oriwidth\": 747,\n \"oriheight\": 1000,\n \"icon\": \"https://t7.baidu.com/it/u=473647396,2784348303&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1177269087\",\n \"contSign\": \"473647396,2784348303\"\n},\n{\n \"text\": 144569,\n \"width\": 1000,\n \"height\": 618,\n \"oriwidth\": 1000,\n \"oriheight\": 618,\n \"icon\": \"https://t7.baidu.com/it/u=1200362006,4033032586&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1284958549\",\n \"contSign\": \"1200362006,4033032586\"\n},\n{\n \"text\": 144570,\n \"width\": 1094,\n \"height\": 1200,\n \"oriwidth\": 1094,\n \"oriheight\": 1200,\n \"icon\": \"https://t7.baidu.com/it/u=3876201379,2104650373&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1074778182\",\n \"contSign\": \"3876201379,2104650373\"\n},\n{\n \"text\": 144571,\n \"width\": 1200,\n \"height\": 888,\n \"oriwidth\": 1200,\n \"oriheight\": 888,\n \"icon\": \"https://t7.baidu.com/it/u=4188671375,2323574798&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1123185573\",\n \"contSign\": \"4188671375,2323574798\"\n},\n{\n \"text\": 144572,\n \"width\": 707,\n \"height\": 1000,\n \"oriwidth\": 707,\n \"oriheight\": 1000,\n \"icon\": \"https://t7.baidu.com/it/u=1824446573,3306830779&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1276888896\",\n \"contSign\": \"1824446573,3306830779\"\n},\n{\n \"text\": 144573,\n \"width\": 1200,\n \"height\": 720,\n \"oriwidth\": 1200,\n \"oriheight\": 720,\n \"icon\": \"https://t7.baidu.com/it/u=2790759587,1933417440&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1289834168\",\n \"contSign\": \"2790759587,1933417440\"\n},\n{\n \"text\": 144574,\n \"width\": 1200,\n \"height\": 600,\n \"oriwidth\": 1200,\n \"oriheight\": 600,\n \"icon\": \"https://t7.baidu.com/it/u=3257060251,2127829243&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1280377233\",\n \"contSign\": \"3257060251,2127829243\"\n},\n{\n \"text\": 144575,\n \"width\": 562,\n \"height\": 1000,\n \"oriwidth\": 562,\n \"oriheight\": 1000,\n \"icon\": \"https://t7.baidu.com/it/u=458698900,1395281871&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1147957945\",\n \"contSign\": \"458698900,1395281871\"\n},\n{\n \"text\": 144576,\n \"width\": 562,\n \"height\": 1000,\n \"oriwidth\": 562,\n \"oriheight\": 1000,\n \"icon\": \"https://t7.baidu.com/it/u=516589436,706141569&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1147957939\",\n \"contSign\": \"516589436,706141569\"\n},\n{\n \"text\": 144577,\n \"width\": 849,\n \"height\": 1200,\n \"oriwidth\": 849,\n \"oriheight\": 1200,\n \"icon\": \"https://t7.baidu.com/it/u=330403314,1054912416&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1278683905\",\n \"contSign\": \"330403314,1054912416\"\n},\n{\n \"text\": 144578,\n \"width\": 800,\n \"height\": 1200,\n \"oriwidth\": 800,\n \"oriheight\": 1200,\n \"icon\": \"https://t7.baidu.com/it/u=3510959053,1732477822&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1019846674\",\n \"contSign\": \"3510959053,1732477822\"\n},\n{\n \"text\": 144579,\n \"width\": 707,\n \"height\": 1000,\n \"oriwidth\": 707,\n \"oriheight\": 1000,\n \"icon\": \"https://t7.baidu.com/it/u=2799580300,2163389035&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1291580474\",\n \"contSign\": \"2799580300,2163389035\"\n},\n{\n \"text\": 144580,\n \"width\": 1200,\n \"height\": 600,\n \"oriwidth\": 1200,\n \"oriheight\": 600,\n \"icon\": \"https://t7.baidu.com/it/u=1492471725,655950677&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1274754035\",\n \"contSign\": \"1492471725,655950677\"\n},\n{\n \"text\": 144581,\n \"width\": 1200,\n \"height\": 600,\n \"oriwidth\": 1200,\n \"oriheight\": 600,\n \"icon\": \"https://t7.baidu.com/it/u=3857292935,259148533&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.veer.com/vectorgraph/350944106?utm_source=baidu&utm_medium=imagesearch&chid=902\",\n \"contSign\": \"3857292935,259148533\"\n},\n{\n \"text\": 144582,\n \"width\": 1200,\n \"height\": 664,\n \"oriwidth\": 1200,\n \"oriheight\": 664,\n \"icon\": \"https://t7.baidu.com/it/u=2389510231,616424657&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.veer.com/vectorgraph/352471463?utm_source=baidu&utm_medium=imagesearch&chid=902\",\n \"contSign\": \"2389510231,616424657\"\n},\n{\n \"text\": 144583,\n \"width\": 1200,\n \"height\": 600,\n \"oriwidth\": 1200,\n \"oriheight\": 600,\n \"icon\": \"https://t7.baidu.com/it/u=1482946821,131318608&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.veer.com/vectorgraph/349763837?utm_source=baidu&utm_medium=imagesearch&chid=902\",\n \"contSign\": \"1482946821,131318608\"\n},\n{\n \"text\": 144584,\n \"width\": 1200,\n \"height\": 911,\n \"oriwidth\": 1200,\n \"oriheight\": 911,\n \"icon\": \"https://t7.baidu.com/it/u=2959641995,1716389431&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.veer.com/vectorgraph/345464943?utm_source=baidu&utm_medium=imagesearch&chid=902\",\n \"contSign\": \"2959641995,1716389431\"\n},\n{\n \"text\": 144585,\n \"width\": 672,\n \"height\": 1200,\n \"oriwidth\": 672,\n \"oriheight\": 1200,\n \"icon\": \"https://t7.baidu.com/it/u=3564704490,2495180166&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1289747449\",\n \"contSign\": \"3564704490,2495180166\"\n},\n{\n \"text\": 144586,\n \"width\": 577,\n \"height\": 1000,\n \"oriwidth\": 577,\n \"oriheight\": 1000,\n \"icon\": \"https://t7.baidu.com/it/u=1112482012,2228745551&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1276888647\",\n \"contSign\": \"1112482012,2228745551\"\n},\n{\n \"text\": 144587,\n \"width\": 1200,\n \"height\": 753,\n \"oriwidth\": 1200,\n \"oriheight\": 753,\n \"icon\": \"https://t7.baidu.com/it/u=1748051669,1441260242&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1236488413\",\n \"contSign\": \"1748051669,1441260242\"\n},\n{\n \"text\": 144588,\n \"width\": 1200,\n \"height\": 960,\n \"oriwidth\": 1200,\n \"oriheight\": 960,\n \"icon\": \"https://t7.baidu.com/it/u=838441352,2434656900&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.veer.com/vectorgraph/304971138?utm_source=baidu&utm_medium=imagesearch&chid=902\",\n \"contSign\": \"838441352,2434656900\"\n},\n{\n \"text\": 144589,\n \"width\": 1200,\n \"height\": 732,\n \"oriwidth\": 1200,\n \"oriheight\": 732,\n \"icon\": \"https://t7.baidu.com/it/u=136439029,1848397702&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.veer.com/vectorgraph/366475324?utm_source=baidu&utm_medium=imagesearch&chid=902\",\n \"contSign\": \"136439029,1848397702\"\n},\n{\n \"text\": 144590,\n \"width\": 980,\n \"height\": 1200,\n \"oriwidth\": 980,\n \"oriheight\": 1200,\n \"icon\": \"https://t7.baidu.com/it/u=2489398937,2096497068&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.veer.com/vectorgraph/142165893?utm_source=baidu&utm_medium=imagesearch&chid=902\",\n \"contSign\": \"2489398937,2096497068\"\n},\n{\n \"text\": 144591,\n \"width\": 1200,\n \"height\": 849,\n \"oriwidth\": 1200,\n \"oriheight\": 849,\n \"icon\": \"https://t7.baidu.com/it/u=2196286164,316669081&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1290936562\",\n \"contSign\": \"2196286164,316669081\"\n},\n{\n \"text\": 144592,\n \"width\": 556,\n \"height\": 1200,\n \"oriwidth\": 556,\n \"oriheight\": 1200,\n \"icon\": \"https://t7.baidu.com/it/u=3712912701,3428856092&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1222228791\",\n \"contSign\": \"3712912701,3428856092\"\n},\n{\n \"text\": 144593,\n \"width\": 1200,\n \"height\": 480,\n \"oriwidth\": 1200,\n \"oriheight\": 480,\n \"icon\": \"https://t7.baidu.com/it/u=4056926717,4005958542&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.veer.com/vectorgraph/352746811?utm_source=baidu&utm_medium=imagesearch&chid=902\",\n \"contSign\": \"4056926717,4005958542\"\n},\n{\n \"text\": 144594,\n \"width\": 562,\n \"height\": 1000,\n \"oriwidth\": 562,\n \"oriheight\": 1000,\n \"icon\": \"https://t7.baidu.com/it/u=185124239,2801447434&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1147957950\",\n \"contSign\": \"185124239,2801447434\"\n},\n{\n \"text\": 144595,\n \"width\": 1200,\n \"height\": 665,\n \"oriwidth\": 1200,\n \"oriheight\": 665,\n \"icon\": \"https://t7.baidu.com/it/u=900895255,561910244&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1184946709\",\n \"contSign\": \"900895255,561910244\"\n},\n{\n \"text\": 144596,\n \"width\": 1200,\n \"height\": 840,\n \"oriwidth\": 1200,\n \"oriheight\": 840,\n \"icon\": \"https://t7.baidu.com/it/u=1665892439,30223674&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.veer.com/vectorgraph/320967049?utm_source=baidu&utm_medium=imagesearch&chid=902\",\n \"contSign\": \"1665892439,30223674\"\n},\n{\n \"text\": 144597,\n \"width\": 752,\n \"height\": 1200,\n \"oriwidth\": 752,\n \"oriheight\": 1200,\n \"icon\": \"https://t7.baidu.com/it/u=1719622660,1701090280&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.veer.com/vectorgraph/350238309?utm_source=baidu&utm_medium=imagesearch&chid=902\",\n \"contSign\": \"1719622660,1701090280\"\n},\n{\n \"text\": 144598,\n \"width\": 927,\n \"height\": 1200,\n \"oriwidth\": 927,\n \"oriheight\": 1200,\n \"icon\": \"https://t7.baidu.com/it/u=2992538603,1948110734&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.veer.com/vectorgraph/304909173?utm_source=baidu&utm_medium=imagesearch&chid=902\",\n \"contSign\": \"2992538603,1948110734\"\n},\n{\n \"text\": 144599,\n \"width\": 1200,\n \"height\": 746,\n \"oriwidth\": 1200,\n \"oriheight\": 746,\n \"icon\": \"https://t7.baidu.com/it/u=3927006314,3192929372&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1291538593\",\n \"contSign\": \"3927006314,3192929372\"\n},\n{\n \"text\": 144600,\n \"width\": 1200,\n \"height\": 926,\n \"oriwidth\": 1200,\n \"oriheight\": 926,\n \"icon\": \"https://t7.baidu.com/it/u=3624649723,387536556&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1047230578\",\n \"contSign\": \"3624649723,387536556\"\n},\n{\n \"text\": 144601,\n \"width\": 1100,\n \"height\": 1100,\n \"oriwidth\": 1200,\n \"oriheight\": 1200,\n \"icon\": \"https://t7.baidu.com/it/u=2145887824,1547823772&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1253371000\",\n \"contSign\": \"2145887824,1547823772\"\n},\n{\n \"text\": 144602,\n \"width\": 721,\n \"height\": 1000,\n \"oriwidth\": 721,\n \"oriheight\": 1000,\n \"icon\": \"https://t7.baidu.com/it/u=517206176,2776885422&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1284958174\",\n \"contSign\": \"517206176,2776885422\"\n},\n{\n \"text\": 144603,\n \"width\": 1200,\n \"height\": 785,\n \"oriwidth\": 1200,\n \"oriheight\": 785,\n \"icon\": \"https://t7.baidu.com/it/u=3768299387,3978912548&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.veer.com/vectorgraph/369292167?utm_source=baidu&utm_medium=imagesearch&chid=902\",\n \"contSign\": \"3768299387,3978912548\"\n},\n{\n \"text\": 144604,\n \"width\": 1200,\n \"height\": 814,\n \"oriwidth\": 1200,\n \"oriheight\": 814,\n \"icon\": \"https://t7.baidu.com/it/u=3046406811,4037813264&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1241618626\",\n \"contSign\": \"3046406811,4037813264\"\n},\n{\n \"text\": 144605,\n \"width\": 707,\n \"height\": 1000,\n \"oriwidth\": 707,\n \"oriheight\": 1000,\n \"icon\": \"https://t7.baidu.com/it/u=964064504,4255396514&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1276888888\",\n \"contSign\": \"964064504,4255396514\"\n},\n{\n \"text\": 144606,\n \"width\": 1200,\n \"height\": 840,\n \"oriwidth\": 1200,\n \"oriheight\": 840,\n \"icon\": \"https://t7.baidu.com/it/u=1599120451,1304750759&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1186323528\",\n \"contSign\": \"1599120451,1304750759\"\n},\n{\n \"text\": 144607,\n \"width\": 1200,\n \"height\": 489,\n \"oriwidth\": 1200,\n \"oriheight\": 489,\n \"icon\": \"https://t7.baidu.com/it/u=1010921936,3494307929&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1252462266\",\n \"contSign\": \"1010921936,3494307929\"\n},\n{\n \"text\": 144608,\n \"width\": 562,\n \"height\": 1000,\n \"oriwidth\": 562,\n \"oriheight\": 1000,\n \"icon\": \"https://t7.baidu.com/it/u=2458317123,3391822374&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1147957938\",\n \"contSign\": \"2458317123,3391822374\"\n},\n{\n \"text\": 144609,\n \"width\": 714,\n \"height\": 1000,\n \"oriwidth\": 714,\n \"oriheight\": 1000,\n \"icon\": \"https://t7.baidu.com/it/u=1637762683,1327645878&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1177269089\",\n \"contSign\": \"1637762683,1327645878\"\n},\n{\n \"text\": 144610,\n \"width\": 1000,\n \"height\": 855,\n \"oriwidth\": 1000,\n \"oriheight\": 855,\n \"icon\": \"https://t7.baidu.com/it/u=3117450743,1239962790&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1147957929\",\n \"contSign\": \"3117450743,1239962790\"\n},\n{\n \"text\": 144611,\n \"width\": 1200,\n \"height\": 720,\n \"oriwidth\": 1200,\n \"oriheight\": 720,\n \"icon\": \"https://t7.baidu.com/it/u=3109095780,504848385&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1226470787\",\n \"contSign\": \"3109095780,504848385\"\n},\n{\n \"text\": 144612,\n \"width\": 1200,\n \"height\": 800,\n \"oriwidth\": 1200,\n \"oriheight\": 800,\n \"icon\": \"https://t7.baidu.com/it/u=153653774,3489909699&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1290305375\",\n \"contSign\": \"153653774,3489909699\"\n},\n{\n \"text\": 144613,\n \"width\": 1200,\n \"height\": 900,\n \"oriwidth\": 1200,\n \"oriheight\": 900,\n \"icon\": \"https://t7.baidu.com/it/u=3935451089,3705000739&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1288682720\",\n \"contSign\": \"3935451089,3705000739\"\n},\n{\n \"text\": 144614,\n \"width\": 721,\n \"height\": 1000,\n \"oriwidth\": 721,\n \"oriheight\": 1000,\n \"icon\": \"https://t7.baidu.com/it/u=3514398242,2086779412&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1284958180\",\n \"contSign\": \"3514398242,2086779412\"\n},\n{\n \"text\": 144615,\n \"width\": 685,\n \"height\": 1200,\n \"oriwidth\": 685,\n \"oriheight\": 1200,\n \"icon\": \"https://t7.baidu.com/it/u=2522177060,1075235877&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1290747751\",\n \"contSign\": \"2522177060,1075235877\"\n},\n{\n \"text\": 144616,\n \"width\": 675,\n \"height\": 1200,\n \"oriwidth\": 675,\n \"oriheight\": 1200,\n \"icon\": \"https://t7.baidu.com/it/u=4100449257,1502828373&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1289612755\",\n \"contSign\": \"4100449257,1502828373\"\n},\n{\n \"text\": 144617,\n \"width\": 1100,\n \"height\": 1102,\n \"oriwidth\": 1198,\n \"oriheight\": 1200,\n \"icon\": \"https://t7.baidu.com/it/u=2797916032,4118818188&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.veer.com/vectorgraph/351676261?utm_source=baidu&utm_medium=imagesearch&chid=902\",\n \"contSign\": \"2797916032,4118818188\"\n},\n{\n \"text\": 144618,\n \"width\": 1100,\n \"height\": 1118,\n \"oriwidth\": 0,\n \"oriheight\": 1200,\n \"icon\": \"https://t7.baidu.com/it/u=3713732522,2417914898&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.veer.com/vectorgraph/332710765?utm_source=baidu&utm_medium=imagesearch&chid=902\",\n \"contSign\": \"3713732522,2417914898\"\n},\n{\n \"text\": 144619,\n \"width\": 675,\n \"height\": 1200,\n \"oriwidth\": 675,\n \"oriheight\": 1200,\n \"icon\": \"https://t7.baidu.com/it/u=1719895722,688968487&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1289747448\",\n \"contSign\": \"1719895722,688968487\"\n},\n{\n \"text\": 144620,\n \"width\": 1200,\n \"height\": 800,\n \"oriwidth\": 1200,\n \"oriheight\": 800,\n \"icon\": \"https://t7.baidu.com/it/u=2265181799,1990545228&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.veer.com/vectorgraph/353723115?utm_source=baidu&utm_medium=imagesearch&chid=902\",\n \"contSign\": \"2265181799,1990545228\"\n},\n{\n \"text\": 144621,\n \"width\": 1200,\n \"height\": 664,\n \"oriwidth\": 1200,\n \"oriheight\": 664,\n \"icon\": \"https://t7.baidu.com/it/u=3182899554,1894220579&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.veer.com/vectorgraph/352148174?utm_source=baidu&utm_medium=imagesearch&chid=902\",\n \"contSign\": \"3182899554,1894220579\"\n},\n{\n \"text\": 144622,\n \"width\": 1200,\n \"height\": 902,\n \"oriwidth\": 1200,\n \"oriheight\": 902,\n \"icon\": \"https://t7.baidu.com/it/u=1249439673,10937682&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.veer.com/vectorgraph/126355969?utm_source=baidu&utm_medium=imagesearch&chid=902\",\n \"contSign\": \"1249439673,10937682\"\n},\n{\n \"text\": 144623,\n \"width\": 1100,\n \"height\": 1100,\n \"oriwidth\": 1200,\n \"oriheight\": 1200,\n \"icon\": \"https://t7.baidu.com/it/u=365390172,2037633519&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1251012540\",\n \"contSign\": \"365390172,2037633519\"\n},\n{\n \"text\": 144624,\n \"width\": 1200,\n \"height\": 720,\n \"oriwidth\": 1200,\n \"oriheight\": 720,\n \"icon\": \"https://t7.baidu.com/it/u=1360964397,3336835841&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.veer.com/vectorgraph/351487892?utm_source=baidu&utm_medium=imagesearch&chid=902\",\n \"contSign\": \"1360964397,3336835841\"\n},\n{\n \"text\": 144625,\n \"width\": 1200,\n \"height\": 600,\n \"oriwidth\": 1200,\n \"oriheight\": 600,\n \"icon\": \"https://t7.baidu.com/it/u=1827918481,1288336900&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.veer.com/vectorgraph/352712503?utm_source=baidu&utm_medium=imagesearch&chid=902\",\n \"contSign\": \"1827918481,1288336900\"\n},\n{\n \"text\": 144626,\n \"width\": 1200,\n \"height\": 665,\n \"oriwidth\": 1200,\n \"oriheight\": 665,\n \"icon\": \"https://t7.baidu.com/it/u=2231669806,2087920649&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.veer.com/vectorgraph/376559823?utm_source=baidu&utm_medium=imagesearch&chid=902\",\n \"contSign\": \"2231669806,2087920649\"\n},\n{\n \"text\": 144627,\n \"width\": 800,\n \"height\": 1200,\n \"oriwidth\": 800,\n \"oriheight\": 1200,\n \"icon\": \"https://t7.baidu.com/it/u=1318583208,3261454487&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.veer.com/vectorgraph/371734950?utm_source=baidu&utm_medium=imagesearch&chid=902\",\n \"contSign\": \"1318583208,3261454487\"\n},\n{\n \"text\": 144628,\n \"width\": 1200,\n \"height\": 848,\n \"oriwidth\": 1200,\n \"oriheight\": 848,\n \"icon\": \"https://t7.baidu.com/it/u=1491460636,1607714101&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.veer.com/vectorgraph/166210342?utm_source=baidu&utm_medium=imagesearch&chid=902\",\n \"contSign\": \"1491460636,1607714101\"\n},\n{\n \"text\": 144629,\n \"width\": 1200,\n \"height\": 773,\n \"oriwidth\": 1200,\n \"oriheight\": 773,\n \"icon\": \"https://t7.baidu.com/it/u=780275255,703268405&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.veer.com/vectorgraph/342017495?utm_source=baidu&utm_medium=imagesearch&chid=902\",\n \"contSign\": \"780275255,703268405\"\n},\n{\n \"text\": 144630,\n \"width\": 1200,\n \"height\": 900,\n \"oriwidth\": 1200,\n \"oriheight\": 900,\n \"icon\": \"https://t7.baidu.com/it/u=3573170318,2813246585&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.veer.com/vectorgraph/167517959?utm_source=baidu&utm_medium=imagesearch&chid=902\",\n \"contSign\": \"3573170318,2813246585\"\n},\n{\n \"text\": 144631,\n \"width\": 807,\n \"height\": 1200,\n \"oriwidth\": 807,\n \"oriheight\": 1200,\n \"icon\": \"https://t7.baidu.com/it/u=2633160997,2920466543&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1057319733\",\n \"contSign\": \"2633160997,2920466543\"\n},\n{\n \"text\": 144632,\n \"width\": 1200,\n \"height\": 562,\n \"oriwidth\": 1200,\n \"oriheight\": 562,\n \"icon\": \"https://t7.baidu.com/it/u=4155241395,1627827382&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1289851330\",\n \"contSign\": \"4155241395,1627827382\"\n},\n{\n \"text\": 144633,\n \"width\": 1200,\n \"height\": 955,\n \"oriwidth\": 1200,\n \"oriheight\": 955,\n \"icon\": \"https://t7.baidu.com/it/u=2913324930,2122212468&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1281669335\",\n \"contSign\": \"2913324930,2122212468\"\n},\n{\n \"text\": 144634,\n \"width\": 707,\n \"height\": 1000,\n \"oriwidth\": 707,\n \"oriheight\": 1000,\n \"icon\": \"https://t7.baidu.com/it/u=3646358004,2055491618&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1276888901\",\n \"contSign\": \"3646358004,2055491618\"\n},\n{\n \"text\": 144635,\n \"width\": 1200,\n \"height\": 696,\n \"oriwidth\": 1200,\n \"oriheight\": 696,\n \"icon\": \"https://t7.baidu.com/it/u=622236776,3757188864&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1272488603\",\n \"contSign\": \"622236776,3757188864\"\n},\n{\n \"text\": 144636,\n \"width\": 1000,\n \"height\": 615,\n \"oriwidth\": 1000,\n \"oriheight\": 615,\n \"icon\": \"https://t7.baidu.com/it/u=336808879,2477021770&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1284958544\",\n \"contSign\": \"336808879,2477021770\"\n},\n{\n \"text\": 144637,\n \"width\": 1000,\n \"height\": 855,\n \"oriwidth\": 1000,\n \"oriheight\": 855,\n \"icon\": \"https://t7.baidu.com/it/u=2021780506,272976783&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1147957940\",\n \"contSign\": \"2021780506,272976783\"\n},\n{\n \"text\": 144638,\n \"width\": 848,\n \"height\": 1200,\n \"oriwidth\": 848,\n \"oriheight\": 1200,\n \"icon\": \"https://t7.baidu.com/it/u=1975000054,532843047&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1223112358\",\n \"contSign\": \"1975000054,532843047\"\n},\n{\n \"text\": 144639,\n \"width\": 707,\n \"height\": 1000,\n \"oriwidth\": 707,\n \"oriheight\": 1000,\n \"icon\": \"https://t7.baidu.com/it/u=3882385810,828599100&fm=193&f=GIF\",\n \"fromUrl\": \"https://www.vcg.com/creative/1276888904\",\n \"contSign\": \"3882385810,828599100\"\n}\n]"
}
},
"screenshot": "https://raw.githubusercontent.com/alitajs/antd-mobile-plus/master/screenshot/lazyimage-demo.png?raw=true"
},
{
"type": "BLOCK",
"atomAssetId": "LevelView",
"identifier": "levelview-demo",
"dependencies": {
"react": {
"type": "NPM",
"value": "16.14.0"
},
"@alitajs/antd-mobile-plus": {
"type": "NPM",
"value": "0.8.0"
},
"index.tsx": {
"type": "FILE",
"value": "import React, { FC, useState, useCallback } from 'react';\nimport { LevelView } from '@alitajs/antd-mobile-plus';\nimport { listData, data } from './data';\n\ninterface DemoProps {}\n\nconst Demo: FC<DemoProps> = (props) => {\n const [selectId, setSelectId] = useState('01');\n return (\n <div>\n <LevelView\n title=\"审批人\"\n btnText=\"发起申诉\"\n selectId={selectId}\n data={data}\n onSelect={(e) => setSelectId(e.value)}\n />\n <div style={{ height: '0.2rem' }}></div>\n <LevelView\n title=\"变更轨迹\"\n btnText=\"发起申诉\"\n selectId={'01'}\n data={listData}\n showFooter={false}\n />\n </div>\n );\n};\n\nexport default Demo;\n"
},
"data.ts": {
"type": "FILE",
"value": "export const listData = [\n {\n label: '集团基础资料维护',\n value: '01',\n date: '2019-05-10',\n subLabel: '周滨',\n },\n {\n label: '集团基础资料维护',\n value: '02',\n date: '2019-05-10',\n subLabel: '周滨',\n },\n {\n label: '集团基础资料维护',\n value: '03',\n date: '2019-05-10',\n subLabel: '周滨',\n },\n {\n label: '集团基础资料维护',\n value: '04',\n date: '2019-05-10',\n subLabel: '周滨',\n },\n {\n label: '集团基础资料维护',\n value: '05',\n date: '2019-05-10',\n subLabel: '周滨',\n },\n];\n \nexport const data = [\n {\n label: '集团基础资料维护',\n value: '01',\n },\n {\n label: '集团基础资料维护',\n value: '02',\n },\n {\n label: '集团基础资料维护',\n value: '03',\n },\n {\n label: '集团基础资料维护',\n value: '04',\n },\n {\n label: '集团基础资料维护',\n value: '05',\n },\n];"
}
},
"screenshot": "https://raw.githubusercontent.com/alitajs/antd-mobile-plus/master/screenshot/levelview-demo.png?raw=true"
},
{
"type": "BLOCK",
"atomAssetId": "LightInfoCard",
"identifier": "lightinfocard-demo",
"dependencies": {
"react": {
"type": "NPM",
"value": "16.14.0"
},
"@alitajs/antd-mobile-plus": {
"type": "NPM",
"value": "0.8.0"
},
"index.tsx": {
"type": "FILE",
"value": "import React, { FC } from 'react';\nimport { LightInfoCard } from '@alitajs/antd-mobile-plus';\nimport appleSvg from '../assets/apple.svg';\nimport androidSvg from '../assets/android.svg';\n\ninterface DemoProps {}\n\nconst metaData = [{\n title: \"年龄\",\n value: \"24岁\"\n}, {\n title: \"出生日期\",\n value: \"1994年7月12日\"\n}, {\n title: \"名族\",\n value: \"汉\"\n}, {\n title: \"籍贯\",\n value: \"江苏\"\n}, {\n title: \"身份证号\",\n value: \"44020199829191222\"\n}]\nconst metaImgs = [\n <img alt=\"\" src={appleSvg} style={{ width: '1.6rem', height: '1.6rem'}} />,\n <img alt=\"\" src={androidSvg} style={{ width: '1.6rem', height: '1.6rem' }} />\n]\n\nconst Demo: FC<DemoProps> = (props) => {\n return (\n <div>\n 基本的\n <br />\n <br />\n <LightInfoCard\n title=\"王晨曦\"\n dataSource={metaData}\n />\n <br />\n 图片放左边,带尾部的\n <br />\n <br />\n <LightInfoCard\n title=\"王晨曦\"\n dataSource={metaData}\n imgPlacement=\"left\"\n imgs={metaImgs}\n onClickImg={() => console.log(\"王晨曦\")}\n extra={[\"暂住人口对照表\", \" 2018-08-16 \"]}\n />\n <br />\n 图片放右边\n <br />\n <br />\n <LightInfoCard\n title=\"王晨曦\"\n dataSource={metaData}\n imgPlacement=\"right\"\n imgs={metaImgs}\n onClickImg={() => console.log(\"王晨曦\")}\n />\n <br />\n 没有图片的\n <br />\n <br />\n <LightInfoCard\n title=\"王晨曦\"\n dataSource={metaData}\n imgPlacement=\"right\"\n />\n </div>\n );\n};\n\nexport default Demo;\n"
}
},
"screenshot": "https://raw.githubusercontent.com/alitajs/antd-mobile-plus/master/screenshot/lightinfocard-demo.png?raw=true"
},
{
"type": "BLOCK",
"atomAssetId": "Loading",
"identifier": "loading-demo",
"dependencies": {
"react": {
"type": "NPM",
"value": "16.14.0"
},