代码拉取完成,页面将自动刷新
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no,viewport-fit=cover"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<link type="image/x-icon" href="//gw.alicdn.com/tfs/TB1gRomUlr0gK0jSZFnXXbRRXXa-200-200.png" rel="shortcut icon">
<title>嵌入模式测试页</title>
</head>
<body>
<div>
some other text
<button style="margin-left: 100px;" id="destroy-rd">销毁设计器</button>
<button style="margin-left: 10px;" disabled id="setup-rd">安装设计器</button>
</div>
<div style="display:flex;">
<div style="width:150px">
left
</div>
<div id="app" class="app" style="min-width:1100px;max-width:1100px;height:600px;border:solid 1px #ccc;position: relative;overflow: hidden;">
<div style="display: flex;align-items: center;justify-content: center; height: 100%;">
这里可以放一个加载动画...
</div>
</div>
<div>
right
</div>
</div>
<div>
<input placeholder="外部输入框测试" />
bottom text
</div>
<script src="dist/designer.js?v=202112311138"></script>
<script>
let setup=()=>{
designer.setup({
version:'202112311138',
rootId:'app',
mini:true,
getImageUrl:'./apis/images.json',
getFieldUrl:'./apis/fields.json',
//getTemplateUrl:'./apis/example.json',
});
};
let setupBtn=document.getElementById('setup-rd');
let destroyBtn=document.getElementById('destroy-rd');
setupBtn.addEventListener('click',()=>{
setup();
setupBtn.disabled=true;
destroyBtn.disabled=false;
});
destroyBtn.addEventListener('click',()=>{
designer.destroy();
destroyBtn.disabled=true;
setupBtn.disabled=false;
});
setup();
</script>
</body>
</html>
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。