代码拉取完成，页面将自动刷新
<!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="changestyle">
<field name="id">a</field>
<field name="type">color</field>
<field name="value">10</field>
</block>
<block type="change_div_html">
<field name="id">a</field>
</block>
<block type="click">
<field name="id">a</field>
<field name="type">click</field>
</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>
<block type="lists_create_with">
<mutation items="0"></mutation>
</block>
<block type="lists_isEmpty"></block>
<block type="lists_length"></block>
<block type="text_join">
<mutation items="2"></mutation>
</block>
<block type="text_append">
<field name="VAR" id="iU-*P7oUT:jYZNJ_g1mf">项目</field>
<value name="TEXT">
<shadow type="text">
<field name="TEXT"></field>
</shadow>
</value>
</block>
<block type="text_print">
<value name="TEXT">
<shadow type="text">
<field name="TEXT">abc</field>
</shadow>
</value>
</block>
<block type="text_prompt_ext">
<mutation type="TEXT"></mutation>
<field name="TYPE">TEXT</field>
<value name="TEXT">
<shadow type="text">
<field name="TEXT">abc</field>
</shadow>
</value>
</block>
</category>
<sep></sep>
<category categorystyle="memory-one" custom="VARIABLE" name="变量"></category>
<sep></sep>
<category categorystyle="calculator" name="数学计算">
<block type="math_constant">
<field name="CONSTANT">PI</field>
</block>
<block type="math_number">
<field name="NUM">123456</field>
</block>
<block type="math_arithmetic">
<field name="OP">ADD</field>
<value name="A">
<shadow type="math_number">
<field name="NUM">1</field>
</shadow>
</value>
<value name="B">
<shadow type="math_number">
<field name="NUM">1</field>
</shadow>
</value>
</block>
<block type="math_modulo">
<value name="DIVIDEND">
<shadow type="math_number">
<field name="NUM">102</field>
</shadow>
</value>
<value name="DIVISOR">
<shadow type="math_number">
<field name="NUM">10</field>
</shadow>
</value>
</block>
<block type="math_single">
<field name="OP">ROOT</field>
<value name="NUM">
<shadow type="math_number">
<field name="NUM">9</field>
</shadow>
</value>
</block>
<block type="math_number_property">
<mutation divisor_input="false"></mutation>
<field name="PROPERTY">EVEN</field>
<value name="NUMBER_TO_CHECK">
<shadow type="math_number">
<field name="NUM">0</field>
</shadow>
</value>
</block>
<block type="math_round">
<field name="OP">ROUND</field>
<value name="NUM">
<shadow type="math_number">
<field name="NUM">3.1</field>
</shadow>
</value>
</block>
<block type="math_random_int">
<value name="FROM">
<shadow type="math_number">
<field name="NUM">1</field>
</shadow>
</value>
<value name="TO">
<shadow type="math_number">
<field name="NUM">100</field>
</shadow>
</value>
</block>
<block type="math_random_float"></block>
</category>
<sep></sep>
<category categorystyle="code" name="其他">
<block type="code">
<field name="code_txt"><span>自定义</span></field>
</block>
</category>
</xml>
<xml id="workspaceBlocks" style="display: none" xmlns="https://developers.google.com/blockly/xml"></xml>
</div>
<pre><code id="code" class="language-html"></code></pre>
<div id="look"><iframe id="look_html" width="100%" height="100%" style="border: 0;"></iframe></div>
<div id="look_pos"></div>
<div style="margin-bottom: 8px; display: none;" id="code_list">
<s-icon style="width: 18px; height: 18px;" href="javascript:void(0)" id="code_open">
<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>
<a style="width: 18px; height: 18px;" id="copycode" href="javascript:void(0)">
<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>
</a>
</div>
<div id="package_list">
<div class="move-card" onclick="show(1,this);">
<center>
<p>第一大标题</p>
</center>
</div>
<div class="move-card" onclick="show(2,this);">
<center>
<p>第二大标题</p>
</center>
</div>
<div class="move-card" onclick="show(3,this);">
<center>
<p>第三大标题</p>
</center>
</div>
<div class="move-card" onclick="show(4,this);"></div>
<center>
<p>第三大标题</p>
</center>
</div>
</div>
<div id="n"></div>
<div id="import" onload="document.querySelector('#dialog1').show()" style="display: none;">
<h1>导入/导出</h1>
<hr>
<div class="input-section">
<input id="data" placeholder="请输入积木数据" type="text" class="datainput">
<button id="a" style="margin-right: 10px;">导入积木</button>
<input id="importFile" accept=".json" type="file">
</div>
<hr>
<div class="input-section">
<p>积木数据:</p>
<input id="json" disabled placeholder="请先导出积木" type="text">
<button id="b">导出积木</button>
</div>
</div>
<script src="./js/renderer.js"></script>
<script src="./blocks/msg.js"></script>
<script src="./blocks/get.js"></script>
<script src="./blocks/get.js.js"></script>
<script src="./highlight/prism.min.js"></script>
<script src="./workspace/workspace.js"></script>
<script src="./js/move_block.js"></script>
<div id="nav">
<h5 id="copy">
Copyright (C) 2020-<span id="years"></span> JSY Developer Team.
</h5>
</div>
<script>Prism.highlightAll();</script>
<div id="g-apk">
<div id="g-apk-child">
<p style="font-size: 24px;margin-bottom: 20px; font-weight: 900;">作品打包 - APK</p>
<hr />
<p style="font-size: 16px; margin-top: 20px;">应用名称<br><input type="text" id="app_name"
style="border: 1px solid #ccc; border-radius: 5px; padding: 8px; font-size: 16px; margin-top: 6px;"
placeholder="请输入应用名称"></p>
<p style="font-size: 20px; margin-top: 20px;margin-bottom: 20px;">
<p style="margin-bottom: 20px;font-size: 16px;">应用图标（推荐512x512，一定要是正方形）</p>
<label for="app_icon">
<div style="
width: 64px;
height: 20px;
font-size: 14px;
line-height: 1.15;
display: flex;
justify-content: center;
align-items: center;
border-radius: 12px;
padding: 8px 10px;
transition: all 0.5s;
white-space: nowrap;
background-color: #335bc8;
color: white;
"><span>选择文件</span></div>
</label>
<input type="file" id="app_icon" style="display: none;">
</p>
<button id="apk_g"
style="margin-top: 30px;padding: 7px;border-radius: 10px;background-color: #33c8b9;border: 0;width: 70px;color: white;margin-left: 0%;">打包</button>
<button onclick='$("#g-apk").css("display","none");'
style="padding: 7px;border-radius: 10px;background-color: #c83333;border: 0;width: 70px;color: white;margin-left: 10%;">取消</button>
</div>
</div>
<div id="cloudwork">
<div id="cloudwork-child">
<p style="font-size: 24px;margin-bottom: 20px; font-weight: 900;">保存为云作品</p>
<hr />
<p style="font-size: 16px; margin-top: 20px;">作品名称<br>
<input type="text" id="workname"
style="border: 1px solid #ccc; border-radius: 5px; padding: 8px; font-size: 16px; margin-top: 6px;"
placeholder="请输入应用名称">
</p>
<button id="save"
style="margin-top: 30px;padding: 7px;border-radius: 10px;background-color: #33c8b9;border: 0;width: 70px;color: white;margin-left: 0%;">保存</button>
<button onclick='$("#cloudwork").css("display","none");'
style="padding: 7px;border-radius: 10px;background-color: #c83333;border: 0;width: 70px;color: white;margin-left: 10%;">取消</button>
</div>
</div>
<script>
window.onload = () => {
now = new Date();
document.getElementById("years").innerHTML = now.getFullYear();
$("#blocklyDiv").css("margin-top", "40px");
};
</script>
</body>
</html>
此处可能存在不合适展示的内容，页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容，可点击提交进行申诉，我们将尽快为您处理。
马建仓 AI 助手
