-
Notifications
You must be signed in to change notification settings - Fork 22
/
index1.html
1298 lines (1081 loc) · 67.4 KB
/
index1.html
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
<!doctype html>
<html lang="zh">
<head>
<meta charset="UTF-8" />
<title>网页开发助手 - Woxy</title>
<link href="favicon.ico" rel="shortcut icon">
<meta name="theme-color" content="#2196f3" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="description" content="一个简洁、美观的图形化网页编辑器">
<meta name="keywords" content="网页开发,图形化,blockly,积木编程,编辑器,网页开发助手">
<meta name="author" content="技术云科技开发团队">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="application-name" content="网页开发助手" />
<meta name="apple-mobile-web-app-title" content="网页开发助手" />
<link href="./css/layui.css" rel="stylesheet">
<script src="./js/layui.js"></script>
<link href="./css/editor.css" rel="stylesheet" />
<script src="./js/f12.js"></script>
<script src="./js/blockly.min.js"></script>
<script src="./js/jquery.min.js"></script>
<script src="./js/sweetalert.js"></script>
<script src="./js/jquery.cookie.js"></script>
<script src="./js/jquery.growl.js" type="text/javascript"></script>
<link href="./css/jquery.growl.css" rel="stylesheet" type="text/css" />
<link href="./css/main.css" rel="stylesheet" />
<script src="./js/screen.js"></script>
<script src="./js/main.js"></script>
<link href="./highlight/prism-okaidia.min.css" rel="stylesheet" />
<script src="./introjs/intro.js"></script>
<link href="./introjs/intro.css" rel="stylesheet" />
<script src="./format/standalone.js"></script>
<script src="./format/plugins/html.js"></script>
<script src="./js/sober_style.js"></script>
<script src="./js/crypto.js"></script>
<link rel="stylesheet" href="https://static.codemao.cn/pickduck/rykwtwKsA.css?hash=FnOA4R-uAmCtLkbSimn8d65lAYl4">
<script>
$(document).ready(function () {
var timer = setInterval(function () {
$("#start_page").slideUp(500);
}, 200);
});
</script>
<script src="./js/html2canvas.js"></script>
</head>
<body>
<div id="box-parent">
<div id="theme-box">
<p style="font-size: 24px;margin-top:10px;margin-bottom: 20px; font-weight: 900;">主题皮肤切换</p>
<hr />
<p id="theme-blue" style="margin-top: 20px;margin-bottom: 20px;">天蓝色 - <b
style="background-color: #2196f3; border-radius: 2px;"> </b></p>
<p id="theme-purple" style="margin-top: 20px;margin-bottom: 20px;">深紫色 - <b
style="background-color: #6d50f0; border-radius: 2px;"> </b></p>
<p id="theme-black" style="margin-top: 20px;margin-bottom: 20px;">深黑色 - <b
style="background-color: #494949; border-radius: 2px;"> </b></p>
<hr />
<p>请选择颜色，点击后将自动切换并关闭此窗口</p>
</div>
</div>
<s-dialog id="dialog1" style="z-index: 999999999999999999999999999999999999999999999999; overflow: hidden;">
<div slot="headline"> 导入 / 导出 </div>
<div>此功能用于积木数据操作，点击右下角的 按钮“关闭” 关闭对话框</div>
<br>
<div class="input-section">
<s-text-field label="积木数据" style="--border-radius: 12px; display: grid; margin-bottom: 12px; ">
<textarea id="data" type="text" class="datainput"
style="min-height: 104px; width: 100%; max-height: 188px;"></textarea>
</s-text-field>
<s-button id="a" style="margin-right: 8px; background-color: #2196f3;">导入积木</s-button>
<label for="importFile">
<s-button type="outlined" style="color: #2196f3;"> 选择作品文件 </s-button>
</label>
<input id="importFile" accept=".json" type="file" style="display: none;">
</div>
<s-divider style="margin-top: 12px; margin-bottom: 12px;"></s-divider>
<div class="input-section">
<p style="margin-bottom: 8px;">积木数据</p>
<s-text-field style="--border-radius: 12px; display: grid; margin-bottom: 12px;">
<input id="json" disabled placeholder="请先导出积木" type="text" style="padding-left: 18px;">
</s-text-field>
<s-button id="b" style=" background-color: #2196f3; font-size: 15px">导出积木</s-button>
</div>
<s-button slot="action" type="text" style="color: #2196f3;">
<s-icon type="close" slot="start" style="margin-right: 8px;"></s-icon>
关闭
</s-button>
</s-dialog>
<script src="./js/icon.js"></script>
<div id="start_page">
<h1>网页开发助手</h1>
<h3 id="text"></h3>
<div style="position: fixed;bottom: 5px;right: 15px;">
<p style="margin-bottom: 0;font-size: 20px;">创始人亲笔乱画：</p>
<img src="./image/svipwing.svg" width="150px" height="100px" />
</div>
</div>
<a class="gitrepo" href="https://gitee.com/jsy-1/make-website"><img alt="Fork me on Gitee"
src="https://gitee.com/jsy-1/make-website/widgets/widget_5.svg"></a>
<button id="qq">遇到问题?</button>
<button id="dao" data-intro="这里可以导入和导出积木数据，方便储存" data-title="导入导出"
onclick="document.querySelector('#dialog1').show()">导</button>
<button id="take-photo" data-intro="点击此处将你的效果预览区截图并保存，分享给你的好友" data-title="预览区截图">拍照</button>
<header class="navbar" data-intro="这里是站点导航栏，通往不同的页面" data-title="导航栏">
<s-page style="background: none; color: white;" theme="primary">
<ul>
<li>
<img src="./image/logo_new.png" width="30px" height="30px"
style="margin-left: 2px;margin-right: 10px;" />
</li>
<li><b style="margin-right: 10px;">网页开发助手</b><b style="margin-right: 25px;"> </b></li>
<li><b style="margin-right: 10px;">|</b></li>
<s-popup-menu style="border: white; z-index: 9999; border-radius: 12px;">
<s-button slot="trigger" type="text" style="color: white; border-radius: 12px;">代码</s-button>
<s-popup-menu-item href="javascript:void(0)" id="code_open">
<s-icon slot="start" style="color: black; margin-left: 16px; width: 18px; height: 18px;">
<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
<path
d="M305.4 21.8c-1.3-10.4-9.1-18.8-19.5-20C276.1 .6 266.1 0 256 0c-11.1 0-22.1 .7-32.8 2.1c-10.3 1.3-18 9.7-19.3 20l-2.9 23.1c-.8 6.4-5.4 11.6-11.5 13.7c-9.6 3.2-19 7.2-27.9 11.7c-5.8 3-12.8 2.5-18-1.5l-18-14c-8.2-6.4-19.7-6.8-27.9-.4c-16.6 13-31.5 28-44.4 44.7c-6.3 8.2-5.9 19.6 .5 27.8l14.2 18.3c4 5.1 4.4 12 1.5 17.8c-4.4 8.8-8.2 17.9-11.3 27.4c-2 6.2-7.3 10.8-13.7 11.6l-22.8 2.9c-10.3 1.3-18.7 9.1-20 19.4C.7 234.8 0 245.3 0 256c0 10.6 .6 21.1 1.9 31.4c1.3 10.3 9.7 18.1 20 19.4l22.8 2.9c6.4 .8 11.7 5.4 13.7 11.6c3.1 9.5 6.9 18.7 11.3 27.5c2.9 5.8 2.4 12.7-1.5 17.8L54 384.8c-6.4 8.2-6.8 19.6-.5 27.8c12.9 16.7 27.8 31.7 44.4 44.7c8.2 6.4 19.7 6 27.9-.4l18-14c5.1-4 12.2-4.4 18-1.5c9 4.6 18.3 8.5 27.9 11.7c6.1 2.1 10.7 7.3 11.5 13.7l2.9 23.1c1.3 10.3 9 18.7 19.3 20c10.7 1.4 21.7 2.1 32.8 2.1c10.1 0 20.1-.6 29.9-1.7c10.4-1.2 18.2-9.7 19.5-20l2.8-22.5c.8-6.5 5.5-11.8 11.7-13.8c10-3.2 19.7-7.2 29-11.8c5.8-2.9 12.7-2.4 17.8 1.5L385 457.9c8.2 6.4 19.6 6.8 27.8 .5c2.8-2.2 5.5-4.4 8.2-6.7L451.7 421c1.8-2.2 3.6-4.4 5.4-6.6c6.5-8.2 6-19.7-.4-27.9l-14-17.9c-4-5.1-4.4-12.2-1.5-18c4.8-9.4 9-19.3 12.3-29.5c2-6.2 7.3-10.8 13.7-11.6l22.8-2.8c10.3-1.3 18.8-9.1 20-19.4c.2-1.7 .4-3.5 .6-5.2V230.1c-.2-1.7-.4-3.5-.6-5.2c-1.3-10.3-9.7-18.1-20-19.4l-22.8-2.8c-6.4-.8-11.7-5.4-13.7-11.6c-3.4-10.2-7.5-20.1-12.3-29.5c-3-5.8-2.5-12.8 1.5-18l14-17.9c6.4-8.2 6.8-19.7 .4-27.9c-1.8-2.2-3.6-4.4-5.4-6.6L421 60.3c-2.7-2.3-5.4-4.5-8.2-6.7c-8.2-6.4-19.6-5.9-27.8 .5L366.7 68.3c-5.1 4-12.1 4.4-17.8 1.5c-9.3-4.6-19-8.6-29-11.8c-6.2-2-10.9-7.3-11.7-13.7l-2.8-22.5zM287.8 162.6l-32 192c-1.5 8.7-9.7 14.6-18.4 13.2s-14.6-9.7-13.2-18.4l32-192c1.5-8.7 9.7-14.6 18.4-13.2s14.6 9.7 13.2 18.4zM187.3 227.3L158.6 256l28.7 28.7c6.2 6.2 6.2 16.4 0 22.6s-16.4 6.2-22.6 0l-40-40c-6.2-6.2-6.2-16.4 0-22.6l40-40c6.2-6.2 16.4-6.2 22.6 0s6.2 16.4 0 22.6zm160-22.6l40 40c6.2 6.2 6.2 16.4 0 22.6l-40 40c-6.2 6.2-16.4 6.2-22.6 0s-6.2-16.4 0-22.6L353.4 256l-28.7-28.7c-6.2-6.2-6.2-16.4 0-22.6s16.4-6.2 22.6 0z" />
</svg>
</s-icon>
生成代码
</s-popup-menu-item>
<s-popup-menu-item id="copycode" href="javascript:void(0)">
<s-icon slot="start" style="color: black; margin-left: 16px; width: 18px; height: 18px;">
<svg viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg">
<path
d="M384 336H192c-8.8 0-16-7.2-16-16V64c0-8.8 7.2-16 16-16l140.1 0L400 115.9V320c0 8.8-7.2 16-16 16zM192 384H384c35.3 0 64-28.7 64-64V115.9c0-12.7-5.1-24.9-14.1-33.9L366.1 14.1c-9-9-21.2-14.1-33.9-14.1H192c-35.3 0-64 28.7-64 64V320c0 35.3 28.7 64 64 64zM64 128c-35.3 0-64 28.7-64 64V448c0 35.3 28.7 64 64 64H256c35.3 0 64-28.7 64-64V416H272v32c0 8.8-7.2 16-16 16H64c-8.8 0-16-7.2-16-16V192c0-8.8 7.2-16 16-16H96V128H64z" />
</svg>
</s-icon>
复制代码
</s-popup-menu-item>
<s-popup-menu-item onclick="document.querySelector('#dialog2').show();loadworklist();">
<s-icon slot="start" style="color: black; margin-left: 16px; width: 19px; height: 19px;">
<svg t="1725009924949" class="icon" viewBox="0 0 1024 1024" version="1.1"
xmlns="http://www.w3.org/2000/svg" p-id="5643" width="512" height="512">
<path
d="M751.206195 84.74624c58.85952 43.68384 95.8464 91.5456 123.82208 151.81824A391.41376 391.41376 0 0 1 911.359795 401.69472c0 134.5536-68.34176 257.6384-179.46624 330.40384-7.49568 4.9152-12.9024 11.8784-23.4496 30.0032-3.46112 6.00064-5.36576 9.27744-7.3728 12.5952-37.2736 62.34112-86.85568 91.40224-189.07136 91.40224-101.31456 0-150.50752-28.52864-185.28256-89.25184a518.7584 518.7584 0 0 1-3.7888-6.7584l-3.44064-6.2464c-9.50272-17.2032-14.21312-23.40864-20.8896-27.58656C183.787315 664.20736 112.639795 538.97216 112.639795 401.69472 112.639795 183.02976 291.532595 5.9392 511.999795 5.9392c87.40864 0 170.65984 27.9552 239.2064 78.80704zM702.340915 150.528A318.19776 318.19776 0 0 0 511.999795 87.8592C336.588595 87.8592 194.559795 228.4544 194.559795 401.69472c0 108.7488 56.34048 207.91296 147.57888 265.17504 21.77024 13.66016 33.25952 28.7744 49.0496 57.36448l3.39968 6.16448c1.2288 2.2528 2.2528 4.03456 3.21536 5.7344 20.19328 35.2256 42.25024 48.04608 114.19648 48.04608 72.94976 0 96.0512-13.55776 118.784-51.52768 1.69984-2.82624 3.29728-5.61152 6.84032-11.71456 16.56832-28.48768 28.20096-43.49952 49.39776-57.38496C775.331635 605.73696 829.439795 508.27264 829.439795 401.69472c0-45.75232-9.87136-90.05056-28.73344-130.6624-22.46656-48.4352-51.05664-85.4016-98.34496-120.50432zM299.622195 979.456a40.96 40.96 0 1 1 31.27296-75.71456C392.990515 929.3824 453.283635 942.08 511.999795 942.08c58.38848 0 115.6096-12.55424 171.99104-37.84704a40.96 40.96 0 1 1 33.52576 74.752C650.731315 1008.90624 582.102835 1024 511.999795 1024c-69.79584 0-140.65664-14.92992-212.3776-44.544z m76.84096-751.84128a40.96 40.96 0 1 1 48.3328 66.1504c-16.87552 12.32896-31.232 31.49824-42.82368 58.30656-11.3664 26.29632-15.11424 54.55872-11.1616 85.56544a40.96 40.96 0 1 1-81.26464 10.38336c-5.79584-45.3632-0.08192-88.45312 17.22368-128.47104 17.1008-39.50592 40.2432-70.41024 69.69344-91.9552z"
fill="#000000" p-id="5644"></path>
</svg>
</s-icon>
模板作品
</s-popup-menu-item>
</s-popup-menu>
<li><b style="margin-right: 10px;margin-left: 10px; display: none;">|</b></li>
<s-popup-menu style="border: white; z-index: 999; border-radius: 12px;">
<s-button slot="trigger" type="text" style="color: white; border-radius: 12px;">主题</s-button>
<s-popup-menu-item href="javascript:void(0)" onclick='$("#box-parent").css("display","flex");'>
<s-icon slot="start" style="color: black; margin-left: 16px; width: 18px; height: 18px;">
<?xml version="1.0" encoding="UTF-8"?><svg width="48" height="48" viewBox="0 0 48 48"
fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M18 6C18 9.31371 20.6863 12 24 12C27.3137 12 30 9.31371 30 6H35.4545L42 15.8182L36.2727 20.7273V42H11.7273V20.7273L6 15.8182L12.5455 6H18Z"
fill="#000000" stroke="#000000" stroke-width="4" stroke-linejoin="round" />
</svg>
</s-icon>
主题设置
</s-popup-menu-item>
<s-popup-menu-item href="javascript:void(0)" onclick='moon();'>
<s-icon slot="start" style="color: black; margin-left: 16px; width: 18px; height: 18px;">
<?xml version="1.0" encoding="UTF-8"?><svg width="48" height="48" viewBox="0 0 48 48"
fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M28.0527 4.41085C22.5828 5.83695 18.5455 10.8106 18.5455 16.7273C18.5455 23.7564 24.2436 29.4545 31.2727 29.4545C37.1894 29.4545 42.1631 25.4172 43.5891 19.9473C43.8585 21.256 44 22.6115 44 24C44 35.0457 35.0457 44 24 44C12.9543 44 4 35.0457 4 24C4 12.9543 12.9543 4 24 4C25.3885 4 26.744 4.14149 28.0527 4.41085Z"
fill="#000000" stroke="#000000" stroke-width="4" stroke-linejoin="round" />
</svg>
</s-icon>
深色模式
</s-popup-menu-item>
</s-popup-menu>
<script>
function moon() {
if ($.cookie("theme") != "#494949") {
$.cookie("theme", "#494949");
$(".navbar").css("background-color", "#494949");
document.querySelector('#blocklyDiv .blocklyMainBackground').style.fill = '#1f1f1f';
var toolboxDiv = document.querySelector('#blocklyDiv .blocklyToolboxDiv');
toolboxDiv.style.backgroundColor = '#c2c2c2';
toolboxDiv.style.borderRight = '1px solid #e5e7eb';
} else {
$(".navbar").css("background-color", "#2196f3");
$.cookie("theme", "#2196f3");
document.querySelector('#blocklyDiv .blocklyMainBackground').style.fill = '#f2f3f7';
var toolboxDiv = document.querySelector('#blocklyDiv .blocklyToolboxDiv');
toolboxDiv.style.backgroundColor = '#fff';
toolboxDiv.style.borderRight = '1px solid #e5e7eb';
}
}
</script>
<li><b style="margin-right: 10px;margin-left: 10px; display: none;">|</b></li>
<s-popup-menu style="border: white; z-index: 999; border-radius: 12px;">
<s-button slot="trigger" type="text" style="color: white; border-radius: 12px;">其他</s-button>
<s-popup-menu-item href="javascript:void(0)" onclick="intro()">
<s-icon slot="start" style="color: black; margin-left: 16px; width: 18px; height: 18px;">
<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
<path
d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336h24V272H216c-13.3 0-24-10.7-24-24s10.7-24 24-24h48c13.3 0 24 10.7 24 24v88h8c13.3 0 24 10.7 24 24s-10.7 24-24 24H216c-13.3 0-24-10.7-24-24s10.7-24 24-24zm40-208a32 32 0 1 1 0 64 32 32 0 1 1 0-64z" />
</svg>
</s-icon>
新手指引
</s-popup-menu-item>
<s-popup-menu-item href="index.html">
<s-icon slot="start" style="color: black; margin-left: 16px; width: 18px; height: 18px;">
<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
<path
d="M352 256c0 22.2-1.2 43.6-3.3 64H281.8l12.6-42.8c10.7-36.4-23.1-70.3-59.6-59.6l-74.6 21.9c.4-16.3 1.5-32.2 3.1-47.5H348.7c2.2 20.4 3.3 41.8 3.3 64zM20.4 280.6c-7.1 2.1-13.1 5.5-18.1 9.9C.8 279.2 0 267.7 0 256c0-22.1 2.8-43.5 8.1-64H131.2c-1.9 18.4-2.9 37.4-3.1 57L20.4 280.6zM231.4 491.6L272.4 352h71.9c-6.1 36.4-15.5 68.6-27 94.6c-10.5 23.6-22.2 40.7-33.5 51.5C272.6 508.8 263.3 512 256 512c-7.2 0-16.3-3.1-27.3-13.4c1-2.2 1.9-4.6 2.7-7.1zM380.8 192H503.9c5.3 20.5 8.1 41.9 8.1 64s-2.8 43.5-8.1 64H380.8c2.1-20.6 3.2-42 3.2-64s-1.1-43.4-3.2-64zm112.6-32H376.7c-10-63.9-29.8-117.4-55.3-151.6c78.3 20.7 142 77.5 171.9 151.6zm-325.7 0c6.1-36.4 15.5-68.6 27-94.7c10.5-23.6 22.2-40.7 33.5-51.5C239.4 3.2 248.7 0 256 0s16.6 3.2 27.8 13.8c11.3 10.8 23 27.9 33.5 51.5c11.6 26 20.9 58.2 27 94.7H167.7zm-32.4 0H18.6C48.6 85.9 112.2 29.1 190.6 8.4C165.1 42.6 145.3 96.1 135.3 160zM493.4 352c-30 74.1-93.6 130.9-171.9 151.6c25.5-34.2 45.2-87.7 55.3-151.6H493.4zM39 308.5l204.8-60.2c12.1-3.6 23.4 7.7 19.9 19.9L203.5 473c-4.1 13.9-23.2 15.6-29.7 2.6l-28.7-57.3c-.7-1.3-1.5-2.6-2.5-3.7l-88 88c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l88-88c-1.1-1-2.3-1.9-3.7-2.5L36.4 338.2c-13-6.5-11.3-25.6 2.6-29.7z" />
</svg>
</s-icon>
<a href="index.html" style="color: black; text-decoration:none;">
官方网站
</a>
</s-popup-menu-item>
<s-popup-menu group="start">
<s-popup-menu-item slot="trigger">
发电
<s-icon slot="end" type="arrow_drop_right"></s-icon>
</s-popup-menu-item>
<s-popup-menu-item onclick='game_start();'>
<s-icon slot="start" style="color: black; margin-left: 16px; width: 18px; height: 18px;">
<?xml version="1.0" encoding="UTF-8"?><svg width="48" height="48" viewBox="0 0 48 48"
fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M24.0039 27C25.6608 27 27.0039 25.6569 27.0039 24C27.0039 22.3431 25.6608 21 24.0039 21C22.3471 21 21.0039 22.3431 21.0039 24C21.0039 25.6569 22.3471 27 24.0039 27Z"
fill="#ffffff" />
<path
d="M19.0405 31.476C20.4626 32.4194 22.1673 32.9688 24 32.9688C25.8327 32.9688 27.5374 32.4194 28.9595 31.476L35.021 40.6827C31.861 42.7792 28.0727 44 24 44C19.9273 44 16.139 42.7792 12.979 40.6827L19.0405 31.476ZM15.0159 24.484L4.03531 25.145C4.01188 24.7474 4 24.3467 4 23.9432C4 16.0911 8.49944 9.29287 15.0538 6L19.9742 15.8688C17.0247 17.3506 15 20.4098 15 23.9432C15 24.1248 15.0053 24.3051 15.0159 24.484ZM28.0258 15.8688L32.9462 6C39.5006 9.29287 44 16.0911 44 23.9432C44 24.3467 43.9881 24.7474 43.9647 25.145L32.9841 24.484C32.9947 24.3051 33 24.1248 33 23.9432C33 20.4098 30.9753 17.3506 28.0258 15.8688Z"
fill="#000000" stroke="#000000" stroke-width="4" stroke-linejoin="round" />
</svg>
</s-icon>
千万别点！！！
</s-popup-menu-item>
</s-popup-menu>
</s-popup-menu>
<li><b style="margin-right: 10px;margin-left: 10px;">|</b></li>
<s-popup-menu style="border: white; z-index: 999; border-radius: 12px;">
<s-button slot="trigger" type="text" style="color: white; border-radius: 12px;">打包</s-button>
<s-popup-menu-item href="javascript:void(0)" onclick='$("#g-apk").css("display","flex");'>
<s-icon slot="start" style="color: black; margin-left: 16px; width: 18px; height: 18px;">
<?xml version="1.0" encoding="UTF-8"?><svg width="48" height="48" viewBox="0 0 48 48"
fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M41.4004 11.551L36.3332 5H11.6666L6.58398 11.551" stroke="#000000"
stroke-width="4" stroke-linecap="round" stroke-linejoin="round" />
<path
d="M6 13C6 11.8954 6.89543 11 8 11H40C41.1046 11 42 11.8954 42 13V40C42 41.6569 40.6569 43 39 43H9C7.34315 43 6 41.6569 6 40V13Z"
fill="none" stroke="#000000" stroke-width="4" stroke-linejoin="round" />
<path d="M32 27L24 35L16 27" stroke="#000000" stroke-width="4" stroke-linecap="round"
stroke-linejoin="round" />
<path d="M23.9917 19V35" stroke="#000000" stroke-width="4" stroke-linecap="round"
stroke-linejoin="round" />
</svg>
</s-icon>
安卓打包
</s-popup-menu-item>
</s-popup-menu>
<li><b style="margin-right: 10px;margin-left: 10px;">|</b></li>
<s-popup-menu style="border: white; z-index: 999; border-radius: 12px;" id="cloud1">
<s-button slot="trigger" type="text" style="color: white; border-radius: 12px;">云作品</s-button>
<s-popup-menu-item href="javascript:void(0)" onclick='upd();'>
<s-icon slot="start" style="color: black; margin-left: 16px; width: 18px; height: 18px;">
<?xml version="1.0" encoding="UTF-8"?><svg width="48" height="48" viewBox="0 0 48 48"
fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M6 9C6 7.34315 7.34315 6 9 6H34.2814L42 13.2065V39C42 40.6569 40.6569 42 39 42H9C7.34315 42 6 40.6569 6 39V9Z"
fill="none" stroke="#000000" stroke-width="4" stroke-linejoin="round" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M24.0083 6L24 13.3846C24 13.7245 23.5523 14 23 14H15C14.4477 14 14 13.7245 14 13.3846L14 6"
fill="none" />
<path
d="M24.0083 6L24 13.3846C24 13.7245 23.5523 14 23 14H15C14.4477 14 14 13.7245 14 13.3846L14 6H24.0083Z"
stroke="#000000" stroke-width="4" stroke-linejoin="round" />
<path d="M9 6H34.2814" stroke="#000000" stroke-width="4" stroke-linecap="round"
stroke-linejoin="round" />
<path d="M14 26H34" stroke="#000000" stroke-width="4" stroke-linecap="round"
stroke-linejoin="round" />
<path d="M14 34H24.0083" stroke="#000000" stroke-width="4" stroke-linecap="round"
stroke-linejoin="round" />
</svg>
</s-icon>
保存作品
</s-popup-menu-item>
<s-popup-menu-item href="javascript:void(0)"
onclick="document.querySelector('#dialog').show();loadworklist();">
<s-icon slot="start" style="color: black; margin-left: 16px; width: 18px; height: 18px;">
<svg t="1724751532416" class="icon" viewBox="0 0 1024 1024" version="1.1"
xmlns="http://www.w3.org/2000/svg" p-id="6582" width="512" height="512">
<path
d="M542.5152 933.9392a44.6464 44.6464 0 1 1 44.6976-44.5952 44.6976 44.6976 0 0 1-44.6976 44.5952z"
p-id="6583" fill="#000000"></path>
<path
d="M668.2112 934.5536v-1.4848a44.6464 44.6464 0 0 1 10.7008-87.9616h87.04a48.5376 48.5376 0 0 0 48.64-25.2928l3.0208-5.5296h1.3312c0.7168-1.3824 2.9696-7.168 2.9696-7.168l75.8784-292.9664a59.8016 59.8016 0 0 0 2.7648-17.4592 55.3984 55.3984 0 0 0-55.3984-55.3472h-552.96a55.5008 55.5008 0 0 0-53.9136 42.5984l-1.0752 4.5056h-0.3072l-74.2912 286.72a56.9344 56.9344 0 0 0-1.6896 13.824 55.3472 55.3472 0 0 0 55.3472 55.3472h186.9824a45.3632 45.3632 0 0 1 47.7184 44.544 44.6464 44.6464 0 0 1-34.048 43.3152v1.28l-10.6496 0.4096H184.5248a142.848 142.848 0 0 1-142.6432-142.6944V231.9872a142.848 142.848 0 0 1 142.6432-142.6944h220.8768l0.3072 0.3072a40.96 40.96 0 0 1 32.8192 21.6576l81.2032 109.0048h225.8944a1073.664 1073.664 0 0 1 240.64 275.0976 145.1008 145.1008 0 0 1-5.12 37.632l-70.5536 296.96-2.1504 2.1504a138.6496 138.6496 0 0 1-131.0208 101.2736l-4.3008 0.4608z m-483.1232-757.76a55.3472 55.3472 0 0 0-55.3472 55.3472v311.2448l18.9952-80.128 0.4096-0.3072A143.36 143.36 0 0 1 288.256 352.3072h511.4368a55.552 55.552 0 0 0-54.272-44.3904h-246.784a45.056 45.056 0 0 1-40.96-21.5552L376.2176 176.8448z"
p-id="6584" fill="#000000"></path>
</svg>
</s-icon>
我的作品
</s-popup-menu-item>
</s-popup-menu>
<li style="position: fixed;right:20%;display: flex;align-items: center;">
<a style="display: flex;margin-right: 0;align-items: center;" href="/user_system/">
<?xml version="1.0" encoding="UTF-8"?><svg width="48" height="48" viewBox="0 0 48 48"
fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M24 20C27.866 20 31 16.866 31 13C31 9.13401 27.866 6 24 6C20.134 6 17 9.13401 17 13C17 16.866 20.134 20 24 20Z"
fill="#ffffff" stroke="#ffffff" stroke-width="4" stroke-linecap="round"
stroke-linejoin="round" />
<path
d="M6 40.8V42H42V40.8C42 36.3196 42 34.0794 41.1281 32.3681C40.3611 30.8628 39.1372 29.6389 37.6319 28.8719C35.9206 28 33.6804 28 29.2 28H18.8C14.3196 28 12.0794 28 10.3681 28.8719C8.86278 29.6389 7.63893 30.8628 6.87195 32.3681C6 34.0794 6 36.3196 6 40.8Z"
fill="#ffffff" stroke="#ffffff" stroke-width="4" stroke-linecap="round"
stroke-linejoin="round" />
</svg>
<p style="display: inline-block;margin-left: 10px;color: white;" id="username">未登录</p>
</a>
</li>
<s-dialog id="dialog2"
style="padding: 16px; z-index: 99999999999999999999999999999999999999999; overflow: hidden; display: flex; flex-direction: row; align-items: start;">
<h3
style="margin-left: 2px; text-align: start; margin-bottom: 8px; width: auto; align-items: start;">
作品展示
</h3>
<div style="
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
">
<s-divider></s-divider>
<div style="width: 100%; height: 64vh; display: grid; /*行间距*/
grid-row-gap: 24px;
margin-left: 8px;
/*列间距*/
grid-column-gap: 24px;
/*每3行有2个行间距，所以每个格子的宽高都要减去(24*2) / 3 */
grid-template-columns: repeat(3, calc(33.33% - 16px));
overflow: auto;
margin-bottom: 8px;
">
<a href='javascript:loadexample(1)' style="margin-top: 10%;">
<s-card clickable="true" type="outlined"
style="text-align: start; max-width: 240px; height: 205px; margin-bottom: 16px;">
<div slot="image">
<img src="/image/work_cover.webp" alt="" width="238px" height="128px">
</div>
<div style="padding: 16px;">
<div slot="headline"
style="font-size: 20px; font-weight: 900; margin-bottom: 2px;">
你好世界
</div>
<div slot="subhead">开启网页创作之旅</div>
</div>
</s-card>
</a>
<a href='javascript:loadexample(2)' style="margin-top: 10%;">
<s-card clickable="true" type="outlined"
style="text-align: start; max-width: 240px; height: 205px; margin-bottom: 16px;">
<div slot="image">
<img src="/image/work_cover.webp" alt="" width="238px" height="128px">
</div>
<div style="padding: 16px;">
<div slot="headline"
style="font-size: 20px; font-weight: 900; margin-bottom: 2px;">
计算器
</div>
<div slot="subhead">计算加减乘除乘方</div>
</div>
</s-card>
</a>
<a href='javascript:loadexample(3)' style="margin-top: 10%;">
<s-card clickable="true" type="outlined"
style="text-align: start; max-width: 240px; height: 205px; margin-bottom: 16px;">
<div slot="image">
<img src="/image/work_cover.webp" alt="" width="238px" height="128px">
</div>
<div style="padding: 16px;">
<div slot="headline"
style="font-size: 20px; font-weight: 900; margin-bottom: 2px;">
工具导航
</div>
<div slot="subhead">实用的常用网页导航站</div>
</div>
</s-card>
</a>
<a href='javascript:loadexample(4)' style="margin-top: 10%;">
<s-card clickable="true" type="outlined"
style="text-align: start; max-width: 240px; height: 205px; margin-bottom: 16px;">
<div slot="image">
<img src="/image/work_cover.webp" alt="" width="238px" height="128px">
</div>
<div style="padding: 16px;">
<div slot="headline"
style="font-size: 20px; font-weight: 900; margin-bottom: 2px;">
斐波那契数列
</div>
<div slot="subhead">计算数列第n项</div>
</div>
</s-card>
</a>
<a href='javascript:loadexample(5)' style="margin-top: 10%;">
<s-card clickable="true" type="outlined"
style="text-align: start; max-width: 240px; height: 205px; margin-bottom: 16px;">
<div slot="image">
<img src="/image/work_cover.webp" alt="" width="238px" height="128px">
</div>
<div style="padding: 16px;">
<div slot="headline"
style="font-size: 20px; font-weight: 900; margin-bottom: 2px;">
阶乘
</div>
<div slot="subhead">计算阶乘</div>
</div>
</s-card>
</a>
<a href='javascript:loadexample(6)' style="margin-top: 10%;">
<s-card clickable="true" type="outlined"
style="text-align: start; max-width: 240px; height: 205px; margin-bottom: 16px;">
<div slot="image">
<img src="/image/work_cover.webp" alt="" width="238px" height="128px">
</div>
<div style="padding: 16px;">
<div slot="headline"
style="font-size: 20px; font-weight: 900; margin-bottom: 2px;">
计算累加和
</div>
<div slot="subhead">计算1+2+...+n的总和</div>
</div>
</s-card>
</a>
</div>
</div>
<s-button slot="action" type="text">退出</s-button>
</s-dialog>
<s-dialog id="dialog"
style="padding: 16px; z-index: 99999999999999999999999999999999999999999; overflow: hidden; display: flex; flex-direction: row; align-items: start;">
<h3
style="margin-left: 2px; text-align: start; margin-bottom: 8px; width: auto; align-items: start;">
作品
</h3>
<div style="
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
">
<s-tab style="margin-bottom: 8px; width: 99%;">
<s-tab-item selected="true">
<div slot="text">我的作品</div>
</s-tab-item>
</s-tab>
<div style="width: 100%; height: 64vh; display: grid; /*行间距*/
grid-row-gap: 24px;
margin-left: 8px;
/*列间距*/
grid-column-gap: 24px;
/*每3行有2个行间距，所以每个格子的宽高都要减去(24*2) / 3 */
grid-template-columns: repeat(3, calc(33.33% - 16px));
overflow: auto;
margin-bottom: 8px;
">
</div>
</div>
<s-button slot="action" type="text">退出</s-button>
</s-dialog>
<s-button type="filled-tonal" id="runcode" onclick="runcode();"
style="font-size: 12px;height: 32px; background-color: #2cc18b; display: flex; flex-direction: row; align-items: center; padding-left: 12px; padding-right: 12px; padding-top: 2px; color: white;">
<s-icon slot="start"
style="color: white; margin-right: 4px; margin-bottom: 2px; width: 20px; height: 20px;">
<svg t="1724751769826" class="icon" viewBox="0 0 1024 1024" version="1.1"
xmlns="http://www.w3.org/2000/svg" p-id="8659" width="512" height="512">
<path
d="M385.237333 228.266667l350.933334 210.56c55.253333 33.152 55.253333 113.194667 0 146.346666L385.28 795.733333c-40.789333 24.490667-89.6 10.325333-113.92-24.149333l-0.042667 0.042667a42.666667 42.666667 0 1 0-73.216 43.946666l-0.085333 0.042667c47.36 72.533333 147.626667 103.424 231.168 53.333333l350.933333-210.602666c110.506667-66.304 110.506667-226.389333 0-292.693334l-350.933333-210.56C315.392 86.826667 170.666667 168.746667 170.666667 301.44V640a42.666667 42.666667 0 1 0 85.333333 0V301.44C256 235.093333 328.362667 194.133333 385.237333 228.266667z"
fill="white" p-id="8660"></path>
</svg>
</s-icon>
运行代码
</s-button>
</ul>
</s-page>
</header>
<div id="mask" onclick="runcode();" style="flex-direction: column;">
<?xml version="1.0" encoding="UTF-8"?><svg style="margin-bottom: 8px;" width="48" height="48"
viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M18.2838 43.1713C14.9327 42.1736 11.9498 40.3213 9.58787 37.867C10.469 36.8227 11 35.4734 11 34.0001C11 30.6864 8.31371 28.0001 5 28.0001C4.79955 28.0001 4.60139 28.01 4.40599 28.0292C4.13979 26.7277 4 25.3803 4 24.0001C4 21.9095 4.32077 19.8938 4.91579 17.9995C4.94381 17.9999 4.97188 18.0001 5 18.0001C8.31371 18.0001 11 15.3138 11 12.0001C11 11.0488 10.7786 10.1493 10.3846 9.35011C12.6975 7.1995 15.5205 5.59002 18.6521 4.72314C19.6444 6.66819 21.6667 8.00013 24 8.00013C26.3333 8.00013 28.3556 6.66819 29.3479 4.72314C32.4795 5.59002 35.3025 7.1995 37.6154 9.35011C37.2214 10.1493 37 11.0488 37 12.0001C37 15.3138 39.6863 18.0001 43 18.0001C43.0281 18.0001 43.0562 17.9999 43.0842 17.9995C43.6792 19.8938 44 21.9095 44 24.0001C44 25.3803 43.8602 26.7277 43.594 28.0292C43.3986 28.01 43.2005 28.0001 43 28.0001C39.6863 28.0001 37 30.6864 37 34.0001C37 35.4734 37.531 36.8227 38.4121 37.867C36.0502 40.3213 33.0673 42.1736 29.7162 43.1713C28.9428 40.752 26.676 39.0001 24 39.0001C21.324 39.0001 19.0572 40.752 18.2838 43.1713Z"
fill="none" stroke="#ffffff" stroke-width="4" stroke-linejoin="round" />
<path
d="M24 31C27.866 31 31 27.866 31 24C31 20.134 27.866 17 24 17C20.134 17 17 20.134 17 24C17 27.866 20.134 31 24 31Z"
fill="none" stroke="#ffffff" stroke-width="4" stroke-linejoin="round" />
</svg>
<p style="color: white;font-size: 32px;margin-left: 0px; font-weight: bold; margin-bottom: 10px;">正在运行</p>
<p style="color: white;font-size: 18px;margin-top: 4px; font-weight: 500;">点击此处结束运行</p>
</div>
<div id="blocklyDiv" data-intro="你可以在这里拖拽积木，制作网页" data-title="工作区" style="z-index: 1;">
<xml id="toolbox" style="display: none" xmlns="https://developers.google.com/blockly/xml">
<category categorystyle="mind-mapping" name="基本框架">
<block type="go">
<field name="title">hello</field>
<field name="unicode">utf-8</field>
</block>
<block type="end"></block>
</category>
<sep></sep>
<category categorystyle="tag" name="文字内容">
<block type="h1">
<field name="text">text</field>
<field name="id">id</field>
</block>
<block type="h2">
<field name="text">text</field>
<field name="id">id</field>
</block>
<block type="h3">
<field name="text">text</field>
<field name="id">id</field>
</block>
<block type="h1_xy">
<field name="text">text</field>
<field name="id">id</field>
<field name="x">5</field>
<field name="y">5</field>
</block>
<block type="h2_xy">
<field name="text">text</field>
<field name="id">id</field>
<field name="x">5</field>
<field name="y">5</field>
</block>
<block type="h3_xy">
<field name="text">text</field>
<field name="id">id</field>
<field name="x">5</field>
<field name="y">5</field>
</block>
<block type="p">
<field name="text">text</field>
<field name="id">id</field>
</block>
<block type="div">
<field name="id">id</field>
<field name="color">white</field>
</block>
<block type="div_xy">
<field name="id">id</field>
<field name="color">white</field>
<field name="x">10</field>
<field name="y">10</field>
</block>
<block type="i">
<field name="text">text</field>
<field name="id">id</field>
</block>
<block type="i_xy">
<field name="text">text</field>
<field name="id">id</field>
<field name="x">10</field>
<field name="y">10</field>
</block>
<block type="u">
<field name="text">text</field>
<field name="id">id</field>
</block>
<block type="u_xy">
<field name="text">text</field>
<field name="id">id</field>
<field name="x">10</field>
<field name="y">10</field>
</block>
<block type="s">
<field name="text">text</field>
<field name="id">id</field>
</block>
<block type="s_xy">
<field name="text">text</field>
<field name="id">id</field>
<field name="x">10</field>
<field name="y">10</field>
</block>
<block type="table">
<field name="id">id</field>
</block>
<block type="table_xy">
<field name="id">id</field>
<field name="x">10</field>
<field name="y">10</field>
</block>
<block type="tr_head">
<field name="id">id</field>
</block>
<block type="tr">
<field name="id">id</field>
</block>
<block type="th">
<field name="text">text</field>
<field name="id">id</field>
</block>
<block type="td">
<field name="text">text</field>
<field name="id">id</field>
</block>
<block type="menu">
<field name="id">id</field>
</block>
<block type="menu_xy">
<field name="id">id</field>
<field name="x">10</field>
<field name="y">10</field>
</block>
<block type="menu_button_main">
<field name="text">text</field>
<field name="id">id</field>
</block>
<block type="menu_button_minor">
<field name="text">text</field>
<field name="id">id</field>
</block>
<block type="menu_item">
<field name="text">text</field>
<field name="id">id</field>
</block>
<block type="ul">
<field name="id">id</field>
</block>
<block type="ul_xy">
<field name="id">id</field>
<field name="x">10</field>
<field name="y">10</field>
</block>
<block type="ol">
<field name="id">id</field>
</block>
<block type="ol_xy">
<field name="id">id</field>
<field name="x">10</field>
<field name="y">10</field>
</block>
<block type="li">
<field name="text">text</field>
<field name="id">id</field>
</block>
<block type="p_xy">
<field name="text">text</field>
<field name="id">id</field>
</block>
<block type="link">
<field name="text">百度</field>
<field name="link">https://baidu.com</field>
</block>
<block type="link_xy">
<field name="text">百度</field>
<field name="link">https://baidu.com</field>
</block>
</category>
<sep></sep>
<category categorystyle="pic-aiipi3n9" name="图片资源">
<block type="image">
<field name="img">a.png</field>
<field name="height">10</field>
<field name="width">10</field>
</block>
<block type="image_xy">
<field name="img">a.png</field>
<field name="height">10</field>
<field name="width">10</field>
</block>
</category>
<sep></sep>
<category categorystyle="switch-button" name="交互组件">
<block type="button">
<field name="text">按钮文本</field>
<field name="link">http://baidu.com</field>
</block>
<block type="button_xy">
<field name="text">按钮文本</field>
<field name="link">http://baidu.com</field>
</block>
<block type="input">
<field name="id">a</field>
<field name="type">text</field>
</block>
<block type="input_xy">
<field name="id">a</field>
<field name="type">text</field>
</block>
</category>
<sep></sep>
<category categorystyle="dome-light" name="装饰组件">
<block type="center_go"></block>
<block type="center_end"></block>
<block type="line"></block>
<block type="br"></block>
</category>
<sep></sep>
<category categorystyle="text-style-one" name="界面样式">
<block type="style">
<field name="who">a</field>
</block>
<block type="style_hover">
<field name="who">a</field>
</block>
<block type="display">
<field name=" type">block</field>
</block>
<block type="flex_justify_content">
<field name=" type">center</field>
</block>
<block type="flex_direction">
<field name=" zhuzou">row</field>
</block>
<block type="flex_align_items">
<field name=" type">center</field>
</block>
<block type="text_color">
<field name="color">red</field>
</block>
<block type="text_size">
<field name="size">10</field>
</block>
<block type="overflow">
<field name="size">hidden</field>
</block>
<block type="radius">
<field name="r">10</field>
</block>
<block type="shadow">
<field name="x">-2</field>
<field name="y">-2</field>
<field name="m">10</field>
<field name="c">red</field>
</block>
<block type="bg_color">
<field name="color">red</field>
</block>
<block type="css_width">
<field name="width">100</field>
</block>
<block type="css_height">
<field name="height">10</field>
</block>
<block type="z-index">
<field name="c">10</field>
</block>
</category>
<sep></sep>
<category categorystyle="devices" name="高级脚本">
<block type="js"></block>
<block type="alert"></block>
<block type="text">
<field name="TEXT"></field>
</block>
<block type="dom_get_value">
<field name="id">a</field>
</block>
<block type="button_onclick">
<field name="id">a</field>
</block>
<block type="to_num"></block>
<block type="text_indexOf">
<field name="END">FIRST</field>
<value name="VALUE">
<block type="text">
<field name="TEXT">114514</field>
</block>
</value>
<value name="FIND">
<block type="text">
<field name="TEXT">145</field>
</block>
</value>
</block>
<block type="text_join">
<mutation items="2"></mutation>
<value name="ADD0">
<block type="text">
<field name="TEXT">123</field>
</block>
</value>
<value name="ADD1">
<block type="text">
<field name="TEXT">456</field>
</block>
</value>
</block>
<block type="text_changeCase">
<field name="CASE">UPPERCASE</field>
<value name="TEXT">
<block type="text">
<field name="TEXT">abc</field>
</block>
</value>
</block>
<block type="text_trim">
<field name="MODE">BOTH</field>
<value name="TEXT">
<block type="text">
<field name="TEXT"> 123 </field>
</block>
</value>
</block>
<block type="controls_if"></block>
<block type="logic_compare">
<field name="OP">EQ</field>
</block>
<block type="logic_boolean">
<field name="BOOL">TRUE</field>
</block>
<block type="logic_operation">
<field name="OP">AND</field>
</block>
<block type="logic_negate"></block>
<block type="controls_repeat_ext">
<value name="TIMES">
<shadow type="math_number">
<field name="NUM">10</field>
</shadow>
</value>
</block>
<block type="controls_whileUntil">
<field name="MODE">WHILE</field>
</block>
<block type="controls_for">
<field name="VAR" id="-dybERz?hIf{FZGr#%:T">i</field>
<value name="FROM">
<shadow type="math_number">
<field name="NUM">1</field>
</shadow>
</value>
<value name="TO">
<shadow type="math_number">
<field name="NUM">10</field>
</shadow>
</value>
<value name="BY">
<shadow type="math_number">
<field name="NUM">1</field>
</shadow>
</value>
</block>
<block type="controls_forEach">
<field name="VAR" id="nf(:57f_}8NX5,78-9=3">j</field>
</block>
<block type="controls_flow_statements" disabled="true">
<field name="FLOW">BREAK</field>
</block>
<block type="lists_create_with">
<mutation items="3"></mutation>
</block>