分享苹果UI里的AIWROK一个完整的界面
<span style="font-family: "Microsoft YaHei", Tahoma, Helvetica, SimSun, sans-serif;">分享苹果UI里的AIWROK一个完整的界面</span><p style="font-family: "Lucida Grande", Geneva, Verdana, Arial; font-size: 12px;"></p><div style="font-family: "Microsoft YaHei", Tahoma, Helvetica, SimSun, sans-serif;"><div class="blockcode" style="overflow: hidden; padding-right: 0px; padding-bottom: 5px; padding-left: 10px; background-image: url("http://www.postbbs.com/template/dsvue_cgmvred2013/skin_img/codebg.gif"); color: rgb(102, 102, 102); zoom: 1;"><blockquote>// 群号711841924<br>// 创建 TabView<br>var tab = new TabView();<br><br>// 设置标签页标题<br>tab.setTitles(["首页", "第二页", "第三页", "第四页"]);<br><br>// 显示 TabView，并在加载完成后执行回调函数<br>tab.show(() => {<br>printl("TabView 显示完成");<br><br>// 添加每个标签页的视图<br>tab.addView(0, h1()); // 首页<br>tab.addView(1, h2()); // 第二页<br>tab.addView(2, h3()); // 第三页<br>tab.addView(3, h4()); // 第四页<br><br>printl("视图添加完成");<br>});<br><br>// 第一页视图<br>function h1() {<br>var v = new Vertical(); // 创建一个垂直容器来包含所有元素<br>printl("首页垂直容器创建完成");<br><br>// 创建返回键<br>var btnBack = new Button();<br>btnBack.setText("返回");<br>btnBack.setColor(255, 0, 0);<br>btnBack.onClick(() => {<br>printl("返回键被点击了");<br>tab.dismiss(); // 关闭 TabView<br>});<br>v.addView(btnBack);<br>printl("返回键添加完成");<br><br>// 创建用户名标签和输入框<br>var h1Container = new Horizontal();<br>var lb = new Label();<br>lb.setText("用户名");<br>lb.setWidth(60);<br>var input = new Input();<br>input.setWidth(150);<br>h1Container.addView(lb);<br>h1Container.addView(input);<br>v.addView(h1Container);<br>printl("用户名输入框添加完成");<br><br>// 创建复选框<br>var ck1 = new CheckBox();<br>ck1.setText("抖音极速版");<br>ck1.value = false;<br>v.addView(ck1);<br>printl("复选框1添加完成");<br><br>var ck2 = new CheckBox();<br>ck2.setText("快手极速版");<br>ck2.value = false;<br>v.addView(ck2);<br>printl("复选框2添加完成");<br><br>var ck3 = new CheckBox();<br>ck3.setText("汽水音乐");<br>ck3.value = false;<br>v.addView(ck3);<br>printl("复选框3添加完成");<br><br>var ck4 = new CheckBox();<br>ck4.setText("番茄音乐");<br>ck4.value = false;<br>v.addView(ck4);<br>printl("复选框4添加完成");<br><br>var ck5 = new CheckBox();<br>ck5.setText("西瓜视频");<br>ck5.value = false;<br>v.addView(ck5);<br>printl("复选框5添加完成");<br><br>// 创建开始执行按钮<br>var btnExecute = new Button();<br>btnExecute.setText("启动主<a href="http://www.postbbs.com/" target="_blank" class="relatedlink" style="color: rgb(133, 42, 42); transition: all 0.2s ease 0s; border-bottom: 1px solid blue;">脚本</a>");<br>btnExecute.setColor(0, 0, 255);<br>btnExecute.onClick(() => {<br>printl("开始执行按钮被点击了");<br><br>if (ck1.value) {<br>printl("抖音极速版被选中");<br>极速抖音广告单机();<br>}<br>if (ck2.value) {<br>printl("快手极速版被选中");<br>极速快手广告单版本();<br>}<br>if (ck3.value) {<br>printl("汽水音乐被选中");<br>汽水广告单机();<br>}<br>if (ck4.value) {<br>printl("番茄音乐被选中");<br>番茄音乐广告单机();<br>}<br>if (ck5.value) {<br>printl("西瓜视频被选中");<br>西瓜视频广告单版();<br>}<br>});<br>v.addView(btnExecute);<br>printl("开始执行按钮添加完成");<br><br>printl("首页视图创建完成");<br>return v;<br>}<br><br>// 第二页视图<br>function h2() {<br>var v = new Vertical(); // 创建一个垂直容器来包含所有元素<br>printl("第二页垂直容器创建完成");<br><br>// 创建返回键<br>var btnBack = new Button();<br>btnBack.setText("返回");<br>btnBack.setColor(255, 0, 0);<br>btnBack.onClick(() => {<br>printl("返回键被点击了");<br>tab.dismiss(); // 关闭 TabView<br>});<br>v.addView(btnBack);<br>printl("返回键添加完成");<br><br>// 创建按钮<br>var btn = new Button();<br>btn.setText("启动app");<br>btn.setColor(25, 10, 130);<br>v.addView(btn);<br>btn.onClick(() => {<br>printl("第二页按钮点击了");<br>});<br>printl("第二页视图创建完成");<br>return v;<br>}<br><br>// 第三页视图<br>function h3() {<br>var v = new Vertical(); // 创建一个垂直容器来包含所有元素<br>printl("第三页垂直容器创建完成");<br><br>// 创建返回键<br>var btnBack = new Button();<br>btnBack.setText("返回");<br>btnBack.setColor(255, 0, 0);<br>btnBack.onClick(() => {<br>printl("返回键被点击了");<br>tab.dismiss(); // 关闭 TabView<br>});<br>v.addView(btnBack);<br>printl("返回键添加完成");<br><br>// 创建欢迎标签<br>var lb = new Label();<br>lb.setText("欢迎来到我的页面");<br>v.addView(lb);<br>printl("第三页视图创建完成");<br>return v;<br>}<br><br>// 第四页视图<br>function h4() {<br>var v = new Vertical(); // 创建一个垂直容器来包含所有元素<br>printl("第四页垂直容器创建完成");<br><br>// 创建返回键<br>var btnBack = new Button();<br>btnBack.setText("返回");<br>btnBack.setColor(255, 0, 0);<br>btnBack.onClick(() => {<br>printl("返回键被点击了");<br>tab.dismiss(); // 关闭 TabView<br>});<br>v.addView(btnBack);<br>printl("返回键添加完成");<br><br>// 创建内容标签<br>var lb = new Label();<br>lb.setText("第四页内容");<br>v.addView(lb);<br><br>// 创建点击按钮<br>var btn = new Button();<br>btn.setText("点击我");<br>btn.setColor(25, 10, 130);<br>btn.onClick(() => {<br>printl("第四页按钮点击了");<br>tab.dismiss(); // 关闭 TabView<br>});<br>v.addView(btn);<br><br>printl("第四页视图创建完成");<br>return v;<br>}<br></blockquote></div><ignore_js_op> </ignore_js_op><ignore_js_op> </ignore_js_op><ignore_js_op></ignore_js_op></div><div style="font-family: "Microsoft YaHei", Tahoma, Helvetica, SimSun, sans-serif;"><ne-clipboard data="%7B%22type%22%3A%22fragment%22%2C%22name%22%3A%22%23fragment%22%2C%22children%22%3A%5B%7B%22type%22%3A%22element%22%2C%22id%22%3A%22u3a19fc37%22%2C%22name%22%3A%22oli%22%2C%22attrs%22%3A%7B%22list%22%3A%22uf48ef1ad%22%2C%22fid%22%3A%22u9fb98800%22%2C%22indexType%22%3A0%2C%22indexStyle%22%3A%7B%7D%2C%22parentIndex%22%3A%5B%5D%2C%22index%22%3A0%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22text%22%2C%22id%22%3A%22ua506888d%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%E5%88%9B%E5%BB%BA%20TabView%EF%BC%9A%22%7D%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22u7d443aac%22%2C%22name%22%3A%22hole%22%2C%22attrs%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22card%22%2C%22id%22%3A%22YPTRe%22%2C%22name%22%3A%22codeblock%22%2C%22attrs%22%3A%7B%22value%22%3A%7B%22mode%22%3A%22javascript%22%2C%22code%22%3A%22var%20tab%20%3D%20new%20TabView()%3B%22%2C%22autoWrap%22%3Afalse%2C%22lineNumbers%22%3Atrue%2C%22heightLimit%22%3Atrue%2C%22collapsed%22%3Afalse%2C%22hideToolbar%22%3Afalse%2C%22name%22%3A%22%22%2C%22tabSize%22%3Anull%2C%22indentWithTab%22%3Afalse%2C%22lightLines%22%3A%5B%5D%2C%22foldLines%22%3A%5B%5D%2C%22theme%22%3A%22One%20Dark%20Pro%22%2C%22__spacing%22%3A%22both%22%7D%2C%22cardType%22%3A%22block%22%7D%2C%22cardType%22%3A%22block%22%7D%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22u2368a160%22%2C%22name%22%3A%22p%22%2C%22attrs%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22u00137fce%22%2C%22name%22%3A%22uli%22%2C%22attrs%22%3A%7B%22list%22%3A%22u1d1b4c44%22%2C%22fid%22%3A%22uf4ae090d%22%2C%22level%22%3A1%2C%22indexType%22%3A0%2C%22indexStyle%22%3A%7B%7D%2C%22parentIndex%22%3A%5Bnull%5D%2C%22index%22%3A0%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22text%22%2C%22id%22%3A%22u5fc8906e%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%E5%88%9B%E5%BB%BA%E4%B8%80%E4%B8%AA%22%7D%2C%7B%22type%22%3A%22text%22%2C%22id%22%3A%22u99416588%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%20%22%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22ub234617b%22%2C%22name%22%3A%22code%22%2C%22attrs%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22text%22%2C%22id%22%3A%22u3b3ef5ea%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22TabView%22%7D%5D%7D%2C%7B%22type%22%3A%22text%22%2C%22id%22%3A%22u3f3db9ab%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%20%22%7D%2C%7B%22type%22%3A%22text%22%2C%22id%22%3A%22uc27ecd63%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%E5%AF%B9%E8%B1%A1%EF%BC%8C%E7%94%A8%E4%BA%8E%E7%AE%A1%E7%90%86%E5%A4%9A%E4%B8%AA%E6%A0%87%E7%AD%BE%E9%A1%B5%E3%80%82%22%7D%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22u4a2417c6%22%2C%22name%22%3A%22oli%22%2C%22attrs%22%3A%7B%22list%22%3A%22uf48ef1ad%22%2C%22fid%22%3A%22u9fb98800%22%2C%22indexType%22%3A0%2C%22indexStyle%22%3A%7B%7D%2C%22parentIndex%22%3A%5B%5D%2C%22index%22%3A1%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22text%22%2C%22id%22%3A%22ud23b4d28%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%E8%AE%BE%E7%BD%AE%E6%A0%87%E7%AD%BE%E9%A1%B5%E6%A0%87%E9%A2%98%EF%BC%9A%22%7D%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22uda399860%22%2C%22name%22%3A%22hole%22%2C%22attrs%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22card%22%2C%22id%22%3A%22Hs3HJ%22%2C%22name%22%3A%22codeblock%22%2C%22attrs%22%3A%7B%22value%22%3A%7B%22mode%22%3A%22javascript%22%2C%22code%22%3A%22tab.setTitles(%5B%5C%22%E9%A6%96%E9%A1%B5%5C%22%2C%20%5C%22%E7%AC%AC%E4%BA%8C%E9%A1%B5%5C%22%2C%20%5C%22%E7%AC%AC%E4%B8%89%E9%A1%B5%5C%22%2C%20%5C%22%E7%AC%AC%E5%9B%9B%E9%A1%B5%5C%22%5D)%3B%22%2C%22autoWrap%22%3Afalse%2C%22lineNumbers%22%3Atrue%2C%22heightLimit%22%3Atrue%2C%22collapsed%22%3Afalse%2C%22hideToolbar%22%3Afalse%2C%22name%22%3A%22%22%2C%22tabSize%22%3Anull%2C%22indentWithTab%22%3Afalse%2C%22lightLines%22%3A%5B%5D%2C%22foldLines%22%3A%5B%5D%2C%22theme%22%3A%22One%20Dark%20Pro%22%2C%22__spacing%22%3A%22both%22%7D%2C%22cardType%22%3A%22block%22%7D%2C%22cardType%22%3A%22block%22%7D%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22u4fb4a1dc%22%2C%22name%22%3A%22p%22%2C%22attrs%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22uc8bccfe3%22%2C%22name%22%3A%22uli%22%2C%22attrs%22%3A%7B%22list%22%3A%22u70505dc9%22%2C%22fid%22%3A%22u15280ae3%22%2C%22level%22%3A1%2C%22indexType%22%3A0%2C%22indexStyle%22%3A%7B%7D%2C%22parentIndex%22%3A%5Bnull%5D%2C%22index%22%3A0%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22text%22%2C%22id%22%3A%22u7e88ca61%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%E8%AE%BE%E7%BD%AE%22%7D%2C%7B%22type%22%3A%22text%22%2C%22id%22%3A%22ue55d012f%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%20%22%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22u9d961c97%22%2C%22name%22%3A%22code%22%2C%22attrs%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22text%22%2C%22id%22%3A%22uebdf14b8%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22TabView%22%7D%5D%7D%2C%7B%22type%22%3A%22text%22%2C%22id%22%3A%22ua0ae18f2%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%20%22%7D%2C%7B%22type%22%3A%22text%22%2C%22id%22%3A%22ub23c8c7b%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%E7%9A%84%E6%A0%87%E7%AD%BE%E9%A1%B5%E6%A0%87%E9%A2%98%EF%BC%8C%E5%88%86%E5%88%AB%E4%B8%BA%E2%80%9C%E9%A6%96%E9%A1%B5%E2%80%9D%E3%80%81%E2%80%9C%E7%AC%AC%E4%BA%8C%E9%A1%B5%E2%80%9D%E3%80%81%E2%80%9C%E7%AC%AC%E4%B8%89%E9%A1%B5%E2%80%9D%E5%92%8C%E2%80%9C%E7%AC%AC%E5%9B%9B%E9%A1%B5%E2%80%9D%E3%80%82%22%7D%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22u45c853f9%22%2C%22name%22%3A%22oli%22%2C%22attrs%22%3A%7B%22list%22%3A%22uf48ef1ad%22%2C%22fid%22%3A%22u9fb98800%22%2C%22indexType%22%3A0%2C%22indexStyle%22%3A%7B%7D%2C%22parentIndex%22%3A%5B%5D%2C%22index%22%3A2%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22text%22%2C%22id%22%3A%22ucfe8e224%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%E6%98%BE%E7%A4%BA%20TabView%20%E5%B9%B6%E6%B7%BB%E5%8A%A0%E8%A7%86%E5%9B%BE%EF%BC%9A%22%7D%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22uc736a81e%22%2C%22name%22%3A%22hole%22%2C%22attrs%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22card%22%2C%22id%22%3A%22D2Rrs%22%2C%22name%22%3A%22codeblock%22%2C%22attrs%22%3A%7B%22value%22%3A%7B%22mode%22%3A%22javascript%22%2C%22code%22%3A%22tab.show(()%20%3D%3E%20%7B%5Cn%20%20%20%20printl(%5C%22TabView%20%E6%98%BE%E7%A4%BA%E5%AE%8C%E6%88%90%5C%22)%3B%5Cn%5Cn%20%20%20%20%2F%2F%20%E6%B7%BB%E5%8A%A0%E6%AF%8F%E4%B8%AA%E6%A0%87%E7%AD%BE%E9%A1%B5%E7%9A%84%E8%A7%86%E5%9B%BE%5Cn%20%20%20%20tab.addView(0%2C%20h1())%3B%20%2F%2F%20%E9%A6%96%E9%A1%B5%5Cn%20%20%20%20tab.addView(1%2C%20h2())%3B%20%2F%2F%20%E7%AC%AC%E4%BA%8C%E9%A1%B5%5Cn%20%20%20%20tab.addView(2%2C%20h3())%3B%20%2F%2F%20%E7%AC%AC%E4%B8%89%E9%A1%B5%5Cn%20%20%20%20tab.addView(3%2C%20h4())%3B%20%2F%2F%20%E7%AC%AC%E5%9B%9B%E9%A1%B5%5Cn%5Cn%20%20%20%20printl(%5C%22%E8%A7%86%E5%9B%BE%E6%B7%BB%E5%8A%A0%E5%AE%8C%E6%88%90%5C%22)%3B%5Cn%7D)%3B%22%2C%22autoWrap%22%3Afalse%2C%22lineNumbers%22%3Atrue%2C%22heightLimit%22%3Atrue%2C%22collapsed%22%3Afalse%2C%22hideToolbar%22%3Afalse%2C%22name%22%3A%22%22%2C%22tabSize%22%3Anull%2C%22indentWithTab%22%3Afalse%2C%22lightLines%22%3A%5B%5D%2C%22foldLines%22%3A%5B%5D%2C%22theme%22%3A%22One%20Dark%20Pro%22%2C%22__spacing%22%3A%22both%22%7D%2C%22cardType%22%3A%22block%22%7D%2C%22cardType%22%3A%22block%22%7D%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22uec8f1052%22%2C%22name%22%3A%22p%22%2C%22attrs%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22u36363aa8%22%2C%22name%22%3A%22uli%22%2C%22attrs%22%3A%7B%22list%22%3A%22u227b4578%22%2C%22fid%22%3A%22u7c8b1fa0%22%2C%22level%22%3A1%2C%22indexType%22%3A0%2C%22indexStyle%22%3A%7B%7D%2C%22parentIndex%22%3A%5Bnull%5D%2C%22index%22%3A0%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22text%22%2C%22id%22%3A%22u7db3ed30%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%E6%98%BE%E7%A4%BA%22%7D%2C%7B%22type%22%3A%22text%22%2C%22id%22%3A%22uf9de947b%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%20%22%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22ud9647780%22%2C%22name%22%3A%22code%22%2C%22attrs%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22text%22%2C%22id%22%3A%22u73b95b85%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22TabView%22%7D%5D%7D%2C%7B%22type%22%3A%22text%22%2C%22id%22%3A%22u6bb8677e%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%EF%BC%8C%E5%B9%B6%E5%9C%A8%E5%8A%A0%E8%BD%BD%E5%AE%8C%E6%88%90%E5%90%8E%E6%89%A7%E8%A1%8C%E5%9B%9E%E8%B0%83%E5%87%BD%E6%95%B0%E3%80%82%22%7D%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22ua92583c3%22%2C%22name%22%3A%22uli%22%2C%22attrs%22%3A%7B%22list%22%3A%22u227b4578%22%2C%22fid%22%3A%22u7c8b1fa0%22%2C%22level%22%3A1%2C%22indexType%22%3A0%2C%22indexStyle%22%3A%7B%7D%2C%22parentIndex%22%3A%5Bnull%5D%2C%22index%22%3A1%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22text%22%2C%22id%22%3A%22u81681564%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%E5%9C%A8%E5%9B%9E%E8%B0%83%E5%87%BD%E6%95%B0%E4%B8%AD%EF%BC%8C%E5%88%86%E5%88%AB%E8%B0%83%E7%94%A8%22%7D%2C%7B%22type%22%3A%22text%22%2C%22id%22%3A%22u147b694e%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%20%22%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22u16ca1e16%22%2C%22name%22%3A%22code%22%2C%22attrs%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22text%22%2C%22id%22%3A%22u18ef8650%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22h1()%22%7D%5D%7D%2C%7B%22type%22%3A%22text%22%2C%22id%22%3A%22ub9e4bb0e%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%2C%22%7D%2C%7B%22type%22%3A%22text%22%2C%22id%22%3A%22u83559b8c%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%20%22%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22ud4e8a35a%22%2C%22name%22%3A%22code%22%2C%22attrs%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22text%22%2C%22id%22%3A%22u5295cf37%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22h2()%22%7D%5D%7D%2C%7B%22type%22%3A%22text%22%2C%22id%22%3A%22ucae4fbd3%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%2C%22%7D%2C%7B%22type%22%3A%22text%22%2C%22id%22%3A%22ua65a0e08%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%20%22%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22u187947c5%22%2C%22name%22%3A%22code%22%2C%22attrs%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22text%22%2C%22id%22%3A%22u5d9f585a%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22h3()%22%7D%5D%7D%2C%7B%22type%22%3A%22text%22%2C%22id%22%3A%22uffbba6ce%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%2C%20%E5%92%8C%22%7D%2C%7B%22type%22%3A%22text%22%2C%22id%22%3A%22ua183d9f1%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%20%22%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22u316c15d7%22%2C%22name%22%3A%22code%22%2C%22attrs%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22text%22%2C%22id%22%3A%22ud62658ab%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22h4()%22%7D%5D%7D%2C%7B%22type%22%3A%22text%22%2C%22id%22%3A%22u1838fea1%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%20%22%7D%2C%7B%22type%22%3A%22text%22%2C%22id%22%3A%22u6566893c%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%E5%87%BD%E6%95%B0%E4%B8%BA%E6%AF%8F%E4%B8%AA%E6%A0%87%E7%AD%BE%E9%A1%B5%E6%B7%BB%E5%8A%A0%E8%A7%86%E5%9B%BE%E3%80%82%22%7D%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22u652c7b01%22%2C%22name%22%3A%22oli%22%2C%22attrs%22%3A%7B%22list%22%3A%22uf48ef1ad%22%2C%22fid%22%3A%22u9fb98800%22%2C%22indexType%22%3A0%2C%22indexStyle%22%3A%7B%7D%2C%22parentIndex%22%3A%5B%5D%2C%22index%22%3A3%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22text%22%2C%22id%22%3A%22uabb097d5%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%E7%AC%AC%E4%B8%80%E9%A1%B5%E8%A7%86%E5%9B%BE%20(%22%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22ub4950c93%22%2C%22name%22%3A%22code%22%2C%22attrs%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22text%22%2C%22id%22%3A%22u65fbde95%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22h1()%22%7D%5D%7D%2C%7B%22type%22%3A%22text%22%2C%22id%22%3A%22ud53a38d1%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%20%22%7D%2C%7B%22type%22%3A%22text%22%2C%22id%22%3A%22u3f03af45%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%E5%87%BD%E6%95%B0)%EF%BC%9A%22%7D%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22udaec86a1%22%2C%22name%22%3A%22hole%22%2C%22attrs%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22card%22%2C%22id%22%3A%22CHieO%22%2C%22name%22%3A%22codeblock%22%2C%22attrs%22%3A%7B%22value%22%3A%7B%22mode%22%3A%22javascript%22%2C%22code%22%3A%22function%20h1()%20%7B%5Cn%20%20%20%20var%20v%20%3D%20new%20Vertical()%3B%20%2F%2F%20%E5%88%9B%E5%BB%BA%E4%B8%80%E4%B8%AA%E5%9E%82%E7%9B%B4%E5%AE%B9%E5%99%A8%E6%9D%A5%E5%8C%85%E5%90%AB%E6%89%80%E6%9C%89%E5%85%83%E7%B4%A0%5Cn%20%20%20%20printl(%5C%22%E9%A6%96%E9%A1%B5%E5%9E%82%E7%9B%B4%E5%AE%B9%E5%99%A8%E5%88%9B%E5%BB%BA%E5%AE%8C%E6%88%90%5C%22)%3B%5Cn%5Cn%20%20%20%20%2F%2F%20%E5%88%9B%E5%BB%BA%E8%BF%94%E5%9B%9E%E9%94%AE%5Cn%20%20%20%20var%20btnBack%20%3D%20new%20Button()%3B%5Cn%20%20%20%20btnBack.setText(%5C%22%E8%BF%94%E5%9B%9E%5C%22)%3B%5Cn%20%20%20%20btnBack.setColor(255%2C%200%2C%200)%3B%5Cn%20%20%20%20btnBack.onClick(()%20%3D%3E%20%7B%5Cn%20%20%20%20%20%20%20%20printl(%5C%22%E8%BF%94%E5%9B%9E%E9%94%AE%E8%A2%AB%E7%82%B9%E5%87%BB%E4%BA%86%5C%22)%3B%5Cn%20%20%20%20%20%20%20%20tab.dismiss()%3B%20%2F%2F%20%E5%85%B3%E9%97%AD%20TabView%5Cn%20%20%20%20%7D)%3B%5Cn%20%20%20%20v.addView(btnBack)%3B%5Cn%20%20%20%20printl(%5C%22%E8%BF%94%E5%9B%9E%E9%94%AE%E6%B7%BB%E5%8A%A0%E5%AE%8C%E6%88%90%5C%22)%3B%5Cn%5Cn%20%20%20%20%2F%2F%20%E5%88%9B%E5%BB%BA%E7%94%A8%E6%88%B7%E5%90%8D%E6%A0%87%E7%AD%BE%E5%92%8C%E8%BE%93%E5%85%A5%E6%A1%86%5Cn%20%20%20%20var%20h1Container%20%3D%20new%20Horizontal()%3B%5Cn%20%20%20%20var%20lb%20%3D%20new%20Label()%3B%5Cn%20%20%20%20lb.setText(%5C%22%E7%94%A8%E6%88%B7%E5%90%8D%5C%22)%3B%5Cn%20%20%20%20lb.setWidth(60)%3B%5Cn%20%20%20%20var%20input%20%3D%20new%20Input()%3B%5Cn%20%20%20%20input.setWidth(150)%3B%5Cn%20%20%20%20h1Container.addView(lb)%3B%5Cn%20%20%20%20h1Container.addView(input)%3B%5Cn%20%20%20%20v.addView(h1Container)%3B%5Cn%20%20%20%20printl(%5C%22%E7%94%A8%E6%88%B7%E5%90%8D%E8%BE%93%E5%85%A5%E6%A1%86%E6%B7%BB%E5%8A%A0%E5%AE%8C%E6%88%90%5C%22)%3B%5Cn%5Cn%20%20%20%20%2F%2F%20%E5%88%9B%E5%BB%BA%E5%A4%8D%E9%80%89%E6%A1%86%5Cn%20%20%20%20var%20ck1%20%3D%20new%20CheckBox()%3B%5Cn%20%20%20%20ck1.setText(%5C%22%E6%8A%96%E9%9F%B3%E6%9E%81%E9%80%9F%E7%89%88%5C%22)%3B%5Cn%20%20%20%20ck1.value%20%3D%20false%3B%5Cn%20%20%20%20v.addView(ck1)%3B%5Cn%20%20%20%20printl(%5C%22%E5%A4%8D%E9%80%89%E6%A1%861%E6%B7%BB%E5%8A%A0%E5%AE%8C%E6%88%90%5C%22)%3B%5Cn%5Cn%20%20%20%20var%20ck2%20%3D%20new%20CheckBox()%3B%5Cn%20%20%20%20ck2.setText(%5C%22%E5%BF%AB%E6%89%8B%E6%9E%81%E9%80%9F%E7%89%88%5C%22)%3B%5Cn%20%20%20%20ck2.value%20%3D%20false%3B%5Cn%20%20%20%20v.addView(ck2)%3B%5Cn%20%20%20%20printl(%5C%22%E5%A4%8D%E9%80%89%E6%A1%862%E6%B7%BB%E5%8A%A0%E5%AE%8C%E6%88%90%5C%22)%3B%5Cn%5Cn%20%20%20%20var%20ck3%20%3D%20new%20CheckBox()%3B%5Cn%20%20%20%20ck3.setText(%5C%22%E6%B1%BD%E6%B0%B4%E9%9F%B3%E4%B9%90%5C%22)%3B%5Cn%20%20%20%20ck3.value%20%3D%20false%3B%5Cn%20%20%20%20v.addView(ck3)%3B%5Cn%20%20%20%20printl(%5C%22%E5%A4%8D%E9%80%89%E6%A1%863%E6%B7%BB%E5%8A%A0%E5%AE%8C%E6%88%90%5C%22)%3B%5Cn%5Cn%20%20%20%20var%20ck4%20%3D%20new%20CheckBox()%3B%5Cn%20%20%20%20ck4.setText(%5C%22%E7%95%AA%E8%8C%84%E9%9F%B3%E4%B9%90%5C%22)%3B%5Cn%20%20%20%20ck4.value%20%3D%20false%3B%5Cn%20%20%20%20v.addView(ck4)%3B%5Cn%20%20%20%20printl(%5C%22%E5%A4%8D%E9%80%89%E6%A1%864%E6%B7%BB%E5%8A%A0%E5%AE%8C%E6%88%90%5C%22)%3B%5Cn%5Cn%20%20%20%20var%20ck5%20%3D%20new%20CheckBox()%3B%5Cn%20%20%20%20ck5.setText(%5C%22%E8%A5%BF%E7%93%9C%E8%A7%86%E9%A2%91%5C%22)%3B%5Cn%20%20%20%20ck5.value%20%3D%20false%3B%5Cn%20%20%20%20v.addView(ck5)%3B%5Cn%20%20%20%20printl(%5C%22%E5%A4%8D%E9%80%89%E6%A1%865%E6%B7%BB%E5%8A%A0%E5%AE%8C%E6%88%90%5C%22)%3B%5Cn%5Cn%20%20%20%20%2F%2F%20%E5%88%9B%E5%BB%BA%E5%BC%80%E5%A7%8B%E6%89%A7%E8%A1%8C%E6%8C%89%E9%92%AE%5Cn%20%20%20%20var%20btnExecute%20%3D%20new%20Button()%3B%5Cn%20%20%20%20btnExecute.setText(%5C%22%E5%90%AF%E5%8A%A8%E4%B8%BB%E8%84%9A%E6%9C%AC%5C%22)%3B%5Cn%20%20%20%20btnExecute.setColor(0%2C%200%2C%20255)%3B%5Cn%20%20%20%20btnExecute.onClick(()%20%3D%3E%20%7B%5Cn%20%20%20%20%20%20%20%20printl(%5C%22%E5%BC%80%E5%A7%8B%E6%89%A7%E8%A1%8C%E6%8C%89%E9%92%AE%E8%A2%AB%E7%82%B9%E5%87%BB%E4%BA%86%5C%22)%3B%5Cn%5Cn%20%20%20%20%20%20%20%20if%20(ck1.value)%20%7B%5Cn%20%20%20%20%20%20%20%20%20%20%20%20printl(%5C%22%E6%8A%96%E9%9F%B3%E6%9E%81%E9%80%9F%E7%89%88%E8%A2%AB%E9%80%89%E4%B8%AD%5C%22)%3B%5Cn%20%20%20%20%20%20%20%20%20%20%20%20%E6%9E%81%E9%80%9F%E6%8A%96%E9%9F%B3%E5%B9%BF%E5%91%8A%E5%8D%95%E6%9C%BA()%3B%5Cn%20%20%20%20%20%20%20%20%7D%5Cn%20%20%20%20%20%20%20%20if%20(ck2.value)%20%7B%5Cn%20%20%20%20%20%20%20%20%20%20%20%20printl(%5C%22%E5%BF%AB%E6%89%8B%E6%9E%81%E9%80%9F%E7%89%88%E8%A2%AB%E9%80%89%E4%B8%AD%5C%22)%3B%5Cn%20%20%20%20%20%20%20%20%20%20%20%20%E6%9E%81%E9%80%9F%E5%BF%AB%E6%89%8B%E5%B9%BF%E5%91%8A%E5%8D%95%E7%89%88%E6%9C%AC()%3B%5Cn%20%20%20%20%20%20%20%20%7D%5Cn%20%20%20%20%20%20%20%20if%20(ck3.value)%20%7B%5Cn%20%20%20%20%20%20%20%20%20%20%20%20printl(%5C%22%E6%B1%BD%E6%B0%B4%E9%9F%B3%E4%B9%90%E8%A2%AB%E9%80%89%E4%B8%AD%5C%22)%3B%5Cn%20%20%20%20%20%20%20%20%20%20%20%20%E6%B1%BD%E6%B0%B4%E5%B9%BF%E5%91%8A%E5%8D%95%E6%9C%BA()%3B%5Cn%20%20%20%20%20%20%20%20%7D%5Cn%20%20%20%20%20%20%20%20if%20(ck4.value)%20%7B%5Cn%20%20%20%20%20%20%20%20%20%20%20%20printl(%5C%22%E7%95%AA%E8%8C%84%E9%9F%B3%E4%B9%90%E8%A2%AB%E9%80%89%E4%B8%AD%5C%22)%3B%5Cn%20%20%20%20%20%20%20%20%20%20%20%20%E7%95%AA%E8%8C%84%E9%9F%B3%E4%B9%90%E5%B9%BF%E5%91%8A%E5%8D%95%E6%9C%BA()%3B%5Cn%20%20%20%20%20%20%20%20%7D%5Cn%20%20%20%20%20%20%20%20if%20(ck5.value)%20%7B%5Cn%20%20%20%20%20%20%20%20%20%20%20%20printl(%5C%22%E8%A5%BF%E7%93%9C%E8%A7%86%E9%A2%91%E8%A2%AB%E9%80%89%E4%B8%AD%5C%22)%3B%5Cn%20%20%20%20%20%20%20%20%20%20%20%20%E8%A5%BF%E7%93%9C%E8%A7%86%E9%A2%91%E5%B9%BF%E5%91%8A%E5%8D%95%E7%89%88()%3B%5Cn%20%20%20%20%20%20%20%20%7D%5Cn%20%20%20%20%7D)%3B%5Cn%20%20%20%20v.addView(btnExecute)%3B%5Cn%20%20%20%20printl(%5C%22%E5%BC%80%E5%A7%8B%E6%89%A7%E8%A1%8C%E6%8C%89%E9%92%AE%E6%B7%BB%E5%8A%A0%E5%AE%8C%E6%88%90%5C%22)%3B%5Cn%5Cn%20%20%20%20printl(%5C%22%E9%A6%96%E9%A1%B5%E8%A7%86%E5%9B%BE%E5%88%9B%E5%BB%BA%E5%AE%8C%E6%88%90%5C%22)%3B%5Cn%20%20%20%20return%20v%3B%20%2F%2F%20%E8%BF%94%E5%9B%9E%E9%A6%96%E9%A1%B5%E8%A7%86%E5%9B%BE%5Cn%7D%22%2C%22autoWrap%22%3Afalse%2C%22lineNumbers%22%3Atrue%2C%22heightLimit%22%3Atrue%2C%22collapsed%22%3Afalse%2C%22hideToolbar%22%3Afalse%2C%22name%22%3A%22%22%2C%22tabSize%22%3Anull%2C%22indentWithTab%22%3Afalse%2C%22lightLines%22%3A%5B%5D%2C%22foldLines%22%3A%5B%5D%2C%22theme%22%3A%22One%20Dark%20Pro%22%2C%22__spacing%22%3A%22both%22%7D%2C%22cardType%22%3A%22block%22%7D%2C%22cardType%22%3A%22block%22%7D%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22ucea089aa%22%2C%22name%22%3A%22p%22%2C%22attrs%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22u896596a2%22%2C%22name%22%3A%22uli%22%2C%22attrs%22%3A%7B%22list%22%3A%22u7c241dce%22%2C%22fid%22%3A%22ufd3ed4f2%22%2C%22level%22%3A1%2C%22indexType%22%3A0%2C%22indexStyle%22%3A%7B%7D%2C%22parentIndex%22%3A%5Bnull%5D%2C%22index%22%3A0%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22text%22%2C%22id%22%3A%22uc5dd0b8e%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%E5%88%9B%E5%BB%BA%E4%B8%80%E4%B8%AA%E5%9E%82%E7%9B%B4%E5%AE%B9%E5%99%A8%22%7D%2C%7B%22type%22%3A%22text%22%2C%22id%22%3A%22u200e4ee2%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%20%22%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22u67eff92c%22%2C%22name%22%3A%22code%22%2C%22attrs%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22text%22%2C%22id%22%3A%22ua17755ca%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22v%22%7D%5D%7D%2C%7B%22type%22%3A%22text%22%2C%22id%22%3A%22u0de42a04%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%20%22%7D%2C%7B%22type%22%3A%22text%22%2C%22id%22%3A%22u4be12037%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%E6%9D%A5%E5%8C%85%E5%90%AB%E6%89%80%E6%9C%89%E5%85%83%E7%B4%A0%E3%80%82%22%7D%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22uc1f1a9ed%22%2C%22name%22%3A%22uli%22%2C%22attrs%22%3A%7B%22list%22%3A%22u7c241dce%22%2C%22fid%22%3A%22ufd3ed4f2%22%2C%22level%22%3A1%2C%22indexType%22%3A0%2C%22indexStyle%22%3A%7B%7D%2C%22parentIndex%22%3A%5Bnull%5D%2C%22index%22%3A1%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22text%22%2C%22id%22%3A%22u12eee448%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%E5%88%9B%E5%BB%BA%E4%B8%80%E4%B8%AA%E8%BF%94%E5%9B%9E%E9%94%AE%E6%8C%89%E9%92%AE%22%7D%2C%7B%22type%22%3A%22text%22%2C%22id%22%3A%22u2b144aeb%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%20%22%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22ub71be7b9%22%2C%22name%22%3A%22code%22%2C%22attrs%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22text%22%2C%22id%22%3A%22u0a48c5ce%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22btnBack%22%7D%5D%7D%2C%7B%22type%22%3A%22text%22%2C%22id%22%3A%22ue6072acd%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%EF%BC%8C%E8%AE%BE%E7%BD%AE%E6%96%87%E6%9C%AC%E4%B8%BA%E2%80%9C%E8%BF%94%E5%9B%9E%E2%80%9D%EF%BC%8C%E7%82%B9%E5%87%BB%E6%97%B6%E5%85%B3%E9%97%AD%22%7D%2C%7B%22type%22%3A%22text%22%2C%22id%22%3A%22u9f26d2e6%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%20%22%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22u4b8c8421%22%2C%22name%22%3A%22code%22%2C%22attrs%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22text%22%2C%22id%22%3A%22u389c1f4d%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22TabView%22%7D%5D%7D%2C%7B%22type%22%3A%22text%22%2C%22id%22%3A%22ue6c2d0d7%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%E3%80%82%22%7D%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22u40d9ef89%22%2C%22name%22%3A%22uli%22%2C%22attrs%22%3A%7B%22list%22%3A%22u7c241dce%22%2C%22fid%22%3A%22ufd3ed4f2%22%2C%22level%22%3A1%2C%22indexType%22%3A0%2C%22indexStyle%22%3A%7B%7D%2C%22parentIndex%22%3A%5Bnull%5D%2C%22index%22%3A2%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22text%22%2C%22id%22%3A%22u281693d0%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%E5%88%9B%E5%BB%BA%E4%B8%80%E4%B8%AA%E6%B0%B4%E5%B9%B3%E5%AE%B9%E5%99%A8%22%7D%2C%7B%22type%22%3A%22text%22%2C%22id%22%3A%22u6e31a02f%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%20%22%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22u88ed6c98%22%2C%22name%22%3A%22code%22%2C%22attrs%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22text%22%2C%22id%22%3A%22uac98a357%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22h1Container%22%7D%5D%7D%2C%7B%22type%22%3A%22text%22%2C%22id%22%3A%22u1f2075ff%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%20%22%7D%2C%7B%22type%22%3A%22text%22%2C%22id%22%3A%22uf11581e4%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%E6%9D%A5%E5%8C%85%E5%90%AB%E7%94%A8%E6%88%B7%E5%90%8D%E6%A0%87%E7%AD%BE%E5%92%8C%E8%BE%93%E5%85%A5%E6%A1%86%E3%80%82%22%7D%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22u8246ba7b%22%2C%22name%22%3A%22uli%22%2C%22attrs%22%3A%7B%22list%22%3A%22u7c241dce%22%2C%22fid%22%3A%22ufd3ed4f2%22%2C%22level%22%3A1%2C%22indexType%22%3A0%2C%22indexStyle%22%3A%7B%7D%2C%22parentIndex%22%3A%5Bnull%5D%2C%22index%22%3A3%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22text%22%2C%22id%22%3A%22u09cf6a0f%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%E5%88%9B%E5%BB%BA%E4%BA%94%E4%B8%AA%E5%A4%8D%E9%80%89%E6%A1%86%EF%BC%8C%E5%88%86%E5%88%AB%E5%AF%B9%E5%BA%94%E4%B8%8D%E5%90%8C%E7%9A%84%E5%BA%94%E7%94%A8%E3%80%82%22%7D%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22ufc9bca6d%22%2C%22name%22%3A%22uli%22%2C%22attrs%22%3A%7B%22list%22%3A%22u7c241dce%22%2C%22fid%22%3A%22ufd3ed4f2%22%2C%22level%22%3A1%2C%22indexType%22%3A0%2C%22indexStyle%22%3A%7B%7D%2C%22parentIndex%22%3A%5Bnull%5D%2C%22index%22%3A4%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22text%22%2C%22id%22%3A%22ud2258376%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%E5%88%9B%E5%BB%BA%E4%B8%80%E4%B8%AA%E2%80%9C%E5%90%AF%E5%8A%A8%E4%B8%BB%E8%84%9A%E6%9C%AC%E2%80%9D%E6%8C%89%E9%92%AE%EF%BC%8C%E7%82%B9%E5%87%BB%E6%97%B6%E6%A0%B9%E6%8D%AE%E9%80%89%E4%B8%AD%E7%9A%84%E5%A4%8D%E9%80%89%E6%A1%86%E6%89%A7%E8%A1%8C%E7%9B%B8%E5%BA%94%E7%9A%84%E9%80%BB%E8%BE%91%E3%80%82%22%7D%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22u813b622a%22%2C%22name%22%3A%22oli%22%2C%22attrs%22%3A%7B%22list%22%3A%22uf48ef1ad%22%2C%22fid%22%3A%22u9fb98800%22%2C%22indexType%22%3A0%2C%22indexStyle%22%3A%7B%7D%2C%22parentIndex%22%3A%5B%5D%2C%22index%22%3A4%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22text%22%2C%22id%22%3A%22u9d3ebaa9%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%E7%AC%AC%E4%BA%8C%E9%A1%B5%E8%A7%86%E5%9B%BE%20(%22%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22uaefb22dc%22%2C%22name%22%3A%22code%22%2C%22attrs%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22text%22%2C%22id%22%3A%22u6e6d3358%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22h2()%22%7D%5D%7D%2C%7B%22type%22%3A%22text%22%2C%22id%22%3A%22uaa44d331%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%20%22%7D%2C%7B%22type%22%3A%22text%22%2C%22id%22%3A%22u00ce2207%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%E5%87%BD%E6%95%B0)%EF%BC%9A%22%7D%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22u6ccd9240%22%2C%22name%22%3A%22hole%22%2C%22attrs%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22card%22%2C%22id%22%3A%22J83k4%22%2C%22name%22%3A%22codeblock%22%2C%22attrs%22%3A%7B%22value%22%3A%7B%22mode%22%3A%22javascript%22%2C%22code%22%3A%22function%20h2()%20%7B%5Cn%20%20%20%20var%20v%20%3D%20new%20Vertical()%3B%20%2F%2F%20%E5%88%9B%E5%BB%BA%E4%B8%80%E4%B8%AA%E5%9E%82%E7%9B%B4%E5%AE%B9%E5%99%A8%E6%9D%A5%E5%8C%85%E5%90%AB%E6%89%80%E6%9C%89%E5%85%83%E7%B4%A0%5Cn%20%20%20%20printl(%5C%22%E7%AC%AC%E4%BA%8C%E9%A1%B5%E5%9E%82%E7%9B%B4%E5%AE%B9%E5%99%A8%E5%88%9B%E5%BB%BA%E5%AE%8C%E6%88%90%5C%22)%3B%5Cn%5Cn%20%20%20%20%2F%2F%20%E5%88%9B%E5%BB%BA%E8%BF%94%E5%9B%9E%E9%94%AE%5Cn%20%20%20%20var%20btnBack%20%3D%20new%20Button()%3B%5Cn%20%20%20%20btnBack.setText(%5C%22%E8%BF%94%E5%9B%9E%5C%22)%3B%5Cn%20%20%20%20btnBack.setColor(255%2C%200%2C%200)%3B%5Cn%20%20%20%20btnBack.onClick(()%20%3D%3E%20%7B%5Cn%20%20%20%20%20%20%20%20printl(%5C%22%E8%BF%94%E5%9B%9E%E9%94%AE%E8%A2%AB%E7%82%B9%E5%87%BB%E4%BA%86%5C%22)%3B%5Cn%20%20%20%20%20%20%20%20tab.dismiss()%3B%20%2F%2F%20%E5%85%B3%E9%97%AD%20TabView%5Cn%20%20%20%20%7D)%3B%5Cn%20%20%20%20v.addView(btnBack)%3B%5Cn%20%20%20%20printl(%5C%22%E8%BF%94%E5%9B%9E%E9%94%AE%E6%B7%BB%E5%8A%A0%E5%AE%8C%E6%88%90%5C%22)%3B%5Cn%5Cn%20%20%20%20%2F%2F%20%E5%88%9B%E5%BB%BA%E6%8C%89%E9%92%AE%5Cn%20%20%20%20var%20btn%20%3D%20new%20Button()%3B%5Cn%20%20%20%20btn.setText(%5C%22%E5%90%AF%E5%8A%A8app%5C%22)%3B%5Cn%20%20%20%20btn.setColor(25%2C%2010%2C%20130)%3B%5Cn%20%20%20%20v.addView(btn)%3B%5Cn%20%20%20%20btn.onClick(()%20%3D%3E%20%7B%5Cn%20%20%20%20%20%20%20%20printl(%5C%22%E7%AC%AC%E4%BA%8C%E9%A1%B5%E6%8C%89%E9%92%AE%E7%82%B9%E5%87%BB%E4%BA%86%5C%22)%3B%5Cn%20%20%20%20%7D)%3B%5Cn%20%20%20%20printl(%5C%22%E7%AC%AC%E4%BA%8C%E9%A1%B5%E8%A7%86%E5%9B%BE%E5%88%9B%E5%BB%BA%E5%AE%8C%E6%88%90%5C%22)%3B%5Cn%20%20%20%20return%20v%3B%20%2F%2F%20%E8%BF%94%E5%9B%9E%E7%AC%AC%E4%BA%8C%E9%A1%B5%E8%A7%86%E5%9B%BE%5Cn%7D%22%2C%22autoWrap%22%3Afalse%2C%22lineNumbers%22%3Atrue%2C%22heightLimit%22%3Atrue%2C%22collapsed%22%3Afalse%2C%22hideToolbar%22%3Afalse%2C%22name%22%3A%22%22%2C%22tabSize%22%3Anull%2C%22indentWithTab%22%3Afalse%2C%22lightLines%22%3A%5B%5D%2C%22foldLines%22%3A%5B%5D%2C%22theme%22%3A%22One%20Dark%20Pro%22%2C%22__spacing%22%3A%22both%22%7D%2C%22cardType%22%3A%22block%22%7D%2C%22cardType%22%3A%22block%22%7D%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22u356f3b1e%22%2C%22name%22%3A%22p%22%2C%22attrs%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22u0f0fca2a%22%2C%22name%22%3A%22uli%22%2C%22attrs%22%3A%7B%22list%22%3A%22uf82e5d3e%22%2C%22fid%22%3A%22u87e9d588%22%2C%22level%22%3A1%2C%22indexType%22%3A0%2C%22indexStyle%22%3A%7B%7D%2C%22parentIndex%22%3A%5Bnull%5D%2C%22index%22%3A0%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22text%22%2C%22id%22%3A%22u951f58f6%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%E5%88%9B%E5%BB%BA%E4%B8%80%E4%B8%AA%E5%9E%82%E7%9B%B4%E5%AE%B9%E5%99%A8%22%7D%2C%7B%22type%22%3A%22text%22%2C%22id%22%3A%22u6d3444da%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%20%22%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22ued8ff97b%22%2C%22name%22%3A%22code%22%2C%22attrs%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22text%22%2C%22id%22%3A%22ue9a26480%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22v%22%7D%5D%7D%2C%7B%22type%22%3A%22text%22%2C%22id%22%3A%22u04ff2b7d%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%20%22%7D%2C%7B%22type%22%3A%22text%22%2C%22id%22%3A%22ue5778999%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%E6%9D%A5%E5%8C%85%E5%90%AB%E6%89%80%E6%9C%89%E5%85%83%E7%B4%A0%E3%80%82%22%7D%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22u52678d6b%22%2C%22name%22%3A%22uli%22%2C%22attrs%22%3A%7B%22list%22%3A%22uf82e5d3e%22%2C%22fid%22%3A%22u87e9d588%22%2C%22level%22%3A1%2C%22indexType%22%3A0%2C%22indexStyle%22%3A%7B%7D%2C%22parentIndex%22%3A%5Bnull%5D%2C%22index%22%3A1%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22text%22%2C%22id%22%3A%22u5c69bc65%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%E5%88%9B%E5%BB%BA%E4%B8%80%E4%B8%AA%E8%BF%94%E5%9B%9E%E9%94%AE%E6%8C%89%E9%92%AE%22%7D%2C%7B%22type%22%3A%22text%22%2C%22id%22%3A%22u46a65147%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%20%22%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22u1fc1df22%22%2C%22name%22%3A%22code%22%2C%22attrs%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22text%22%2C%22id%22%3A%22ub88bb802%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22btnBack%22%7D%5D%7D%2C%7B%22type%22%3A%22text%22%2C%22id%22%3A%22u54c4cba6%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%EF%BC%8C%E8%AE%BE%E7%BD%AE%E6%96%87%E6%9C%AC%E4%B8%BA%E2%80%9C%E8%BF%94%E5%9B%9E%E2%80%9D%EF%BC%8C%E7%82%B9%E5%87%BB%E6%97%B6%E5%85%B3%E9%97%AD%22%7D%2C%7B%22type%22%3A%22text%22%2C%22id%22%3A%22u2ad9e68a%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%20%22%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22ude49a4f7%22%2C%22name%22%3A%22code%22%2C%22attrs%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22text%22%2C%22id%22%3A%22u943b05b9%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22TabView%22%7D%5D%7D%2C%7B%22type%22%3A%22text%22%2C%22id%22%3A%22uc0eb3e08%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%E3%80%82%22%7D%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22uaad5888f%22%2C%22name%22%3A%22uli%22%2C%22attrs%22%3A%7B%22list%22%3A%22uf82e5d3e%22%2C%22fid%22%3A%22u87e9d588%22%2C%22level%22%3A1%2C%22indexType%22%3A0%2C%22indexStyle%22%3A%7B%7D%2C%22parentIndex%22%3A%5Bnull%5D%2C%22index%22%3A2%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22text%22%2C%22id%22%3A%22u113ce76d%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%E5%88%9B%E5%BB%BA%E4%B8%80%E4%B8%AA%E2%80%9C%E5%90%AF%E5%8A%A8app%E2%80%9D%E6%8C%89%E9%92%AE%EF%BC%8C%E7%82%B9%E5%87%BB%E6%97%B6%E4%BB%85%E6%89%93%E5%8D%B0%E6%97%A5%E5%BF%97%E4%BF%A1%E6%81%AF%E3%80%82%22%7D%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22u3573cbd8%22%2C%22name%22%3A%22oli%22%2C%22attrs%22%3A%7B%22list%22%3A%22uf48ef1ad%22%2C%22fid%22%3A%22u9fb98800%22%2C%22indexType%22%3A0%2C%22indexStyle%22%3A%7B%7D%2C%22parentIndex%22%3A%5B%5D%2C%22index%22%3A5%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22text%22%2C%22id%22%3A%22u77796528%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%E7%AC%AC%E4%B8%89%E9%A1%B5%E8%A7%86%E5%9B%BE%20(%22%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22u9c172e4f%22%2C%22name%22%3A%22code%22%2C%22attrs%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22text%22%2C%22id%22%3A%22u65de7033%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22h3()%22%7D%5D%7D%2C%7B%22type%22%3A%22text%22%2C%22id%22%3A%22u8c166b99%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%20%22%7D%2C%7B%22type%22%3A%22text%22%2C%22id%22%3A%22u7ac9fcdf%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%E5%87%BD%E6%95%B0)%EF%BC%9A%22%7D%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22ua7240dff%22%2C%22name%22%3A%22hole%22%2C%22attrs%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22card%22%2C%22id%22%3A%22F2KDY%22%2C%22name%22%3A%22codeblock%22%2C%22attrs%22%3A%7B%22value%22%3A%7B%22mode%22%3A%22javascript%22%2C%22code%22%3A%22function%20h3()%20%7B%5Cn%20%20%20%20var%20v%20%3D%20new%20Vertical()%3B%20%2F%2F%20%E5%88%9B%E5%BB%BA%E4%B8%80%E4%B8%AA%E5%9E%82%E7%9B%B4%E5%AE%B9%E5%99%A8%E6%9D%A5%E5%8C%85%E5%90%AB%E6%89%80%E6%9C%89%E5%85%83%E7%B4%A0%5Cn%20%20%20%20printl(%5C%22%E7%AC%AC%E4%B8%89%E9%A1%B5%E5%9E%82%E7%9B%B4%E5%AE%B9%E5%99%A8%E5%88%9B%E5%BB%BA%E5%AE%8C%E6%88%90%5C%22)%3B%5Cn%5Cn%20%20%20%20%2F%2F%20%E5%88%9B%E5%BB%BA%E8%BF%94%E5%9B%9E%E9%94%AE%5Cn%20%20%20%20var%20btnBack%20%3D%20new%20Button()%3B%5Cn%20%20%20%20btnBack.setText(%5C%22%E8%BF%94%E5%9B%9E%5C%22)%3B%5Cn%20%20%20%20btnBack.setColor(255%2C%200%2C%200)%3B%5Cn%20%20%20%20btnBack.onClick(()%20%3D%3E%20%7B%5Cn%20%20%20%20%20%20%20%20printl(%5C%22%E8%BF%94%E5%9B%9E%E9%94%AE%E8%A2%AB%E7%82%B9%E5%87%BB%E4%BA%86%5C%22)%3B%5Cn%20%20%20%20%20%20%20%20tab.dismiss()%3B%20%2F%2F%20%E5%85%B3%E9%97%AD%20TabView%5Cn%20%20%20%20%7D)%3B%5Cn%20%20%20%20v.addView(btnBack)%3B%5Cn%20%20%20%20printl(%5C%22%E8%BF%94%E5%9B%9E%E9%94%AE%E6%B7%BB%E5%8A%A0%E5%AE%8C%E6%88%90%5C%22)%3B%5Cn%5Cn%20%20%20%20%2F%2F%20%E5%88%9B%E5%BB%BA%E6%AC%A2%E8%BF%8E%E6%A0%87%E7%AD%BE%5Cn%20%20%20%20var%20lb%20%3D%20new%20Label()%3B%5Cn%20%20%20%20lb.setText(%5C%22%E6%AC%A2%E8%BF%8E%E6%9D%A5%E5%88%B0%E6%88%91%E7%9A%84%E9%A1%B5%E9%9D%A2%5C%22)%3B%5Cn%20%20%20%20v.addView(lb)%3B%5Cn%20%20%20%20printl(%5C%22%E7%AC%AC%E4%B8%89%E9%A1%B5%E8%A7%86%E5%9B%BE%E5%88%9B%E5%BB%BA%E5%AE%8C%E6%88%90%5C%22)%3B%5Cn%20%20%20%20return%20v%3B%20%2F%2F%20%E8%BF%94%E5%9B%9E%E7%AC%AC%E4%B8%89%E9%A1%B5%E8%A7%86%E5%9B%BE%5Cn%7D%22%2C%22autoWrap%22%3Afalse%2C%22lineNumbers%22%3Atrue%2C%22heightLimit%22%3Atrue%2C%22collapsed%22%3Afalse%2C%22hideToolbar%22%3Afalse%2C%22name%22%3A%22%22%2C%22tabSize%22%3Anull%2C%22indentWithTab%22%3Afalse%2C%22lightLines%22%3A%5B%5D%2C%22foldLines%22%3A%5B%5D%2C%22theme%22%3A%22One%20Dark%20Pro%22%2C%22__spacing%22%3A%22both%22%7D%2C%22cardType%22%3A%22block%22%7D%2C%22cardType%22%3A%22block%22%7D%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22ucd917c6c%22%2C%22name%22%3A%22p%22%2C%22attrs%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22u24bea30c%22%2C%22name%22%3A%22uli%22%2C%22attrs%22%3A%7B%22list%22%3A%22u88466be4%22%2C%22fid%22%3A%22u43e6d121%22%2C%22level%22%3A1%2C%22indexType%22%3A0%2C%22indexStyle%22%3A%7B%7D%2C%22parentIndex%22%3A%5Bnull%5D%2C%22index%22%3A0%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22text%22%2C%22id%22%3A%22u203c5065%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%E5%88%9B%E5%BB%BA%E4%B8%80%E4%B8%AA%E5%9E%82%E7%9B%B4%E5%AE%B9%E5%99%A8%22%7D%2C%7B%22type%22%3A%22text%22%2C%22id%22%3A%22uce3fa18a%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%20%22%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22uf515f0e4%22%2C%22name%22%3A%22code%22%2C%22attrs%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22text%22%2C%22id%22%3A%22u0d69d23e%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22v%22%7D%5D%7D%2C%7B%22type%22%3A%22text%22%2C%22id%22%3A%22ue6cd37b6%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%20%22%7D%2C%7B%22type%22%3A%22text%22%2C%22id%22%3A%22u115a7ac5%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%E6%9D%A5%E5%8C%85%E5%90%AB%E6%89%80%E6%9C%89%E5%85%83%E7%B4%A0%E3%80%82%22%7D%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22ubd1ac1f7%22%2C%22name%22%3A%22uli%22%2C%22attrs%22%3A%7B%22list%22%3A%22u88466be4%22%2C%22fid%22%3A%22u43e6d121%22%2C%22level%22%3A1%2C%22indexType%22%3A0%2C%22indexStyle%22%3A%7B%7D%2C%22parentIndex%22%3A%5Bnull%5D%2C%22index%22%3A1%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22text%22%2C%22id%22%3A%22u318c0a73%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%E5%88%9B%E5%BB%BA%E4%B8%80%E4%B8%AA%E8%BF%94%E5%9B%9E%E9%94%AE%E6%8C%89%E9%92%AE%22%7D%2C%7B%22type%22%3A%22text%22%2C%22id%22%3A%22u5100bc67%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%20%22%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22uef15369e%22%2C%22name%22%3A%22code%22%2C%22attrs%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22text%22%2C%22id%22%3A%22u3846a053%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22btnBack%22%7D%5D%7D%2C%7B%22type%22%3A%22text%22%2C%22id%22%3A%22u514d73f0%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%EF%BC%8C%E8%AE%BE%E7%BD%AE%E6%96%87%E6%9C%AC%E4%B8%BA%E2%80%9C%E8%BF%94%E5%9B%9E%E2%80%9D%EF%BC%8C%E7%82%B9%E5%87%BB%E6%97%B6%E5%85%B3%E9%97%AD%22%7D%2C%7B%22type%22%3A%22text%22%2C%22id%22%3A%22u29bf2088%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%20%22%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22ua1a7c379%22%2C%22name%22%3A%22code%22%2C%22attrs%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22text%22%2C%22id%22%3A%22u836db335%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22TabView%22%7D%5D%7D%2C%7B%22type%22%3A%22text%22%2C%22id%22%3A%22u444df8e3%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%E3%80%82%22%7D%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22ubde04419%22%2C%22name%22%3A%22uli%22%2C%22attrs%22%3A%7B%22list%22%3A%22u88466be4%22%2C%22fid%22%3A%22u43e6d121%22%2C%22level%22%3A1%2C%22indexType%22%3A0%2C%22indexStyle%22%3A%7B%7D%2C%22parentIndex%22%3A%5Bnull%5D%2C%22index%22%3A2%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22text%22%2C%22id%22%3A%22u66e21ee8%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%E5%88%9B%E5%BB%BA%E4%B8%80%E4%B8%AA%E6%AC%A2%E8%BF%8E%E6%A0%87%E7%AD%BE%EF%BC%8C%E6%98%BE%E7%A4%BA%E6%AC%A2%E8%BF%8E%E4%BF%A1%E6%81%AF%E3%80%82%22%7D%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22uf4a591bb%22%2C%22name%22%3A%22oli%22%2C%22attrs%22%3A%7B%22list%22%3A%22uf48ef1ad%22%2C%22fid%22%3A%22u9fb98800%22%2C%22indexType%22%3A0%2C%22indexStyle%22%3A%7B%7D%2C%22parentIndex%22%3A%5B%5D%2C%22index%22%3A6%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22text%22%2C%22id%22%3A%22ud950cfaf%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%E7%AC%AC%E5%9B%9B%E9%A1%B5%E8%A7%86%E5%9B%BE%20(%22%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22u3dc6c706%22%2C%22name%22%3A%22code%22%2C%22attrs%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22text%22%2C%22id%22%3A%22u0c982f55%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22h4()%22%7D%5D%7D%2C%7B%22type%22%3A%22text%22%2C%22id%22%3A%22ue3ecf5f7%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%20%22%7D%2C%7B%22type%22%3A%22text%22%2C%22id%22%3A%22u64342cff%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%E5%87%BD%E6%95%B0)%EF%BC%9A%22%7D%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22u8622b64f%22%2C%22name%22%3A%22hole%22%2C%22attrs%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22card%22%2C%22id%22%3A%22EURau%22%2C%22name%22%3A%22codeblock%22%2C%22attrs%22%3A%7B%22value%22%3A%7B%22mode%22%3A%22javascript%22%2C%22code%22%3A%22function%20h4()%20%7B%5Cn%20%20%20%20var%20v%20%3D%20new%20Vertical()%3B%20%2F%2F%20%E5%88%9B%E5%BB%BA%E4%B8%80%E4%B8%AA%E5%9E%82%E7%9B%B4%E5%AE%B9%E5%99%A8%E6%9D%A5%E5%8C%85%E5%90%AB%E6%89%80%E6%9C%89%E5%85%83%E7%B4%A0%5Cn%20%20%20%20printl(%5C%22%E7%AC%AC%E5%9B%9B%E9%A1%B5%E5%9E%82%E7%9B%B4%E5%AE%B9%E5%99%A8%E5%88%9B%E5%BB%BA%E5%AE%8C%E6%88%90%5C%22)%3B%5Cn%5Cn%20%20%20%20%2F%2F%20%E5%88%9B%E5%BB%BA%E8%BF%94%E5%9B%9E%E9%94%AE%5Cn%20%20%20%20var%20btnBack%20%3D%20new%20Button()%3B%5Cn%20%20%20%20btnBack.setText(%5C%22%E8%BF%94%E5%9B%9E%5C%22)%3B%5Cn%20%20%20%20btnBack.setColor(255%2C%200%2C%200)%3B%5Cn%20%20%20%20btnBack.onClick(()%20%3D%3E%20%7B%5Cn%20%20%20%20%20%20%20%20printl(%5C%22%E8%BF%94%E5%9B%9E%E9%94%AE%E8%A2%AB%E7%82%B9%E5%87%BB%E4%BA%86%5C%22)%3B%5Cn%20%20%20%20%20%20%20%20tab.dismiss()%3B%20%2F%2F%20%E5%85%B3%E9%97%AD%20TabView%5Cn%20%20%20%20%7D)%3B%5Cn%20%20%20%20v.addView(btnBack)%3B%5Cn%20%20%20%20printl(%5C%22%E8%BF%94%E5%9B%9E%E9%94%AE%E6%B7%BB%E5%8A%A0%E5%AE%8C%E6%88%90%5C%22)%3B%5Cn%5Cn%20%20%20%20%2F%2F%20%E5%88%9B%E5%BB%BA%E5%86%85%E5%AE%B9%E6%A0%87%E7%AD%BE%5Cn%20%20%20%20var%20lb%20%3D%20new%20Label()%3B%5Cn%20%20%20%20lb.setText(%5C%22%E7%AC%AC%E5%9B%9B%E9%A1%B5%E5%86%85%E5%AE%B9%5C%22)%3B%5Cn%20%20%20%20v.addView(lb)%3B%5Cn%5Cn%20%20%20%20%2F%2F%20%E5%88%9B%E5%BB%BA%E7%82%B9%E5%87%BB%E6%8C%89%E9%92%AE%5Cn%20%20%20%20var%20btn%20%3D%20new%20Button()%3B%5Cn%20%20%20%20btn.setText(%5C%22%E7%82%B9%E5%87%BB%E6%88%91%5C%22)%3B%5Cn%20%20%20%20btn.setColor(25%2C%2010%2C%20130)%3B%5Cn%20%20%20%20btn.onClick(()%20%3D%3E%20%7B%5Cn%20%20%20%20%20%20%20%20printl(%5C%22%E7%AC%AC%E5%9B%9B%E9%A1%B5%E6%8C%89%E9%92%AE%E7%82%B9%E5%87%BB%E4%BA%86%5C%22)%3B%5Cn%20%20%20%20%20%20%20%20tab.dismiss()%3B%20%2F%2F%20%E5%85%B3%E9%97%AD%20TabView%5Cn%20%20%20%20%7D)%3B%5Cn%20%20%20%20v.addView(btn)%3B%5Cn%5Cn%20%20%20%20printl(%5C%22%E7%AC%AC%E5%9B%9B%E9%A1%B5%E8%A7%86%E5%9B%BE%E5%88%9B%E5%BB%BA%E5%AE%8C%E6%88%90%5C%22)%3B%5Cn%20%20%20%20return%20v%3B%20%2F%2F%20%E8%BF%94%E5%9B%9E%E7%AC%AC%E5%9B%9B%E9%A1%B5%E8%A7%86%E5%9B%BE%5Cn%7D%22%2C%22autoWrap%22%3Afalse%2C%22lineNumbers%22%3Atrue%2C%22heightLimit%22%3Atrue%2C%22collapsed%22%3Afalse%2C%22hideToolbar%22%3Afalse%2C%22name%22%3A%22%22%2C%22tabSize%22%3Anull%2C%22indentWithTab%22%3Afalse%2C%22lightLines%22%3A%5B%5D%2C%22foldLines%22%3A%5B%5D%2C%22theme%22%3A%22One%20Dark%20Pro%22%2C%22__spacing%22%3A%22both%22%7D%2C%22cardType%22%3A%22block%22%7D%2C%22cardType%22%3A%22block%22%7D%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22u1048e507%22%2C%22name%22%3A%22p%22%2C%22attrs%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22uc1371514%22%2C%22name%22%3A%22uli%22%2C%22attrs%22%3A%7B%22list%22%3A%22u3fb4eafa%22%2C%22fid%22%3A%22u44f82e56%22%2C%22level%22%3A1%2C%22indexType%22%3A0%2C%22indexStyle%22%3A%7B%7D%2C%22parentIndex%22%3A%5Bnull%5D%2C%22index%22%3A0%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22text%22%2C%22id%22%3A%22u2bfa751f%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%E5%88%9B%E5%BB%BA%E4%B8%80%E4%B8%AA%E5%9E%82%E7%9B%B4%E5%AE%B9%E5%99%A8%22%7D%2C%7B%22type%22%3A%22text%22%2C%22id%22%3A%22u6b87f246%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%20%22%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22u0a5db289%22%2C%22name%22%3A%22code%22%2C%22attrs%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22text%22%2C%22id%22%3A%22u2724e98e%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22v%22%7D%5D%7D%2C%7B%22type%22%3A%22text%22%2C%22id%22%3A%22u84e3d460%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%20%22%7D%2C%7B%22type%22%3A%22text%22%2C%22id%22%3A%22ua86344ac%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%E6%9D%A5%E5%8C%85%E5%90%AB%E6%89%80%E6%9C%89%E5%85%83%E7%B4%A0%E3%80%82%22%7D%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22u32307ede%22%2C%22name%22%3A%22uli%22%2C%22attrs%22%3A%7B%22list%22%3A%22u3fb4eafa%22%2C%22fid%22%3A%22u44f82e56%22%2C%22level%22%3A1%2C%22indexType%22%3A0%2C%22indexStyle%22%3A%7B%7D%2C%22parentIndex%22%3A%5Bnull%5D%2C%22index%22%3A1%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22text%22%2C%22id%22%3A%22u350adc72%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%E5%88%9B%E5%BB%BA%E4%B8%80%E4%B8%AA%E8%BF%94%E5%9B%9E%E9%94%AE%E6%8C%89%E9%92%AE%22%7D%2C%7B%22type%22%3A%22text%22%2C%22id%22%3A%22u12f13a6f%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%20%22%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22u864ce611%22%2C%22name%22%3A%22code%22%2C%22attrs%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22text%22%2C%22id%22%3A%22uf319a4d9%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22btnBack%22%7D%5D%7D%2C%7B%22type%22%3A%22text%22%2C%22id%22%3A%22u213d7132%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%EF%BC%8C%E8%AE%BE%E7%BD%AE%E6%96%87%E6%9C%AC%E4%B8%BA%E2%80%9C%E8%BF%94%E5%9B%9E%E2%80%9D%EF%BC%8C%E7%82%B9%E5%87%BB%E6%97%B6%E5%85%B3%E9%97%AD%22%7D%2C%7B%22type%22%3A%22text%22%2C%22id%22%3A%22u2878aa91%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%20%22%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22u98a003a4%22%2C%22name%22%3A%22code%22%2C%22attrs%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22text%22%2C%22id%22%3A%22ub9faeb07%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22TabView%22%7D%5D%7D%2C%7B%22type%22%3A%22text%22%2C%22id%22%3A%22ub6dffea6%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%E3%80%82%22%7D%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22ue8d6b3b4%22%2C%22name%22%3A%22uli%22%2C%22attrs%22%3A%7B%22list%22%3A%22u3fb4eafa%22%2C%22fid%22%3A%22u44f82e56%22%2C%22level%22%3A1%2C%22indexType%22%3A0%2C%22indexStyle%22%3A%7B%7D%2C%22parentIndex%22%3A%5Bnull%5D%2C%22index%22%3A2%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22text%22%2C%22id%22%3A%22u50151154%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%E5%88%9B%E5%BB%BA%E4%B8%80%E4%B8%AA%E5%86%85%E5%AE%B9%E6%A0%87%E7%AD%BE%EF%BC%8C%E6%98%BE%E7%A4%BA%E7%AC%AC%E5%9B%9B%E9%A1%B5%E7%9A%84%E5%86%85%E5%AE%B9%E3%80%82%22%7D%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22ua8ddf1af%22%2C%22name%22%3A%22uli%22%2C%22attrs%22%3A%7B%22list%22%3A%22u3fb4eafa%22%2C%22fid%22%3A%22u44f82e56%22%2C%22level%22%3A1%2C%22indexType%22%3A0%2C%22indexStyle%22%3A%7B%7D%2C%22parentIndex%22%3A%5Bnull%5D%2C%22index%22%3A3%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22text%22%2C%22id%22%3A%22u6a7b3020%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%E5%88%9B%E5%BB%BA%E4%B8%80%E4%B8%AA%E2%80%9C%E7%82%B9%E5%87%BB%E6%88%91%E2%80%9D%E6%8C%89%E9%92%AE%EF%BC%8C%E7%82%B9%E5%87%BB%E6%97%B6%E5%85%B3%E9%97%AD%22%7D%2C%7B%22type%22%3A%22text%22%2C%22id%22%3A%22u078c9ca4%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%20%22%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22u64dfe10e%22%2C%22name%22%3A%22code%22%2C%22attrs%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22text%22%2C%22id%22%3A%22uc3fe5d46%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22TabView%22%7D%5D%7D%2C%7B%22type%22%3A%22text%22%2C%22id%22%3A%22uc5826f4b%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%E3%80%82%22%7D%5D%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22u4eaf3734%22%2C%22name%22%3A%22p%22%2C%22attrs%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22text%22%2C%22id%22%3A%22ua6b1f5b5%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22%E9%80%9A%E8%BF%87%E8%BF%99%E4%BA%9B%E4%BF%AE%E6%94%B9%E5%92%8C%E8%AF%B4%E6%98%8E%EF%BC%8C%E6%AF%8F%E4%B8%AA%E6%A0%87%E7%AD%BE%E9%A1%B5%E9%83%BD%E6%B7%BB%E5%8A%A0%E4%BA%86%E4%B8%80%E4%B8%AA%E8%BF%94%E5%9B%9E%E9%94%AE%EF%BC%8C%E7%82%B9%E5%87%BB%E8%BF%94%E5%9B%9E%E9%94%AE%E5%8F%AF%E4%BB%A5%E5%85%B3%E9%97%AD%20%22%7D%2C%7B%22type%22%3A%22element%22%2C%22id%22%3A%22uda19e67e%22%2C%22name%22%3A%22code%22%2C%22attrs%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22type%22%3A%22text%22%2C%22id%22%3A%22u49f1cc84%22%2C%22name%22%3A%22%23text%22%2C%22attrs%22%3A%7B%7D%2C%22data%22%3A%22TabView%22%7D%5D%7D%5D%7D%5D%2C%22attrs%22%3A%7B%7D%7D" source="https%3A%2F%2Fwww.yuque.com%2Faiwork%2Fnba2pr%2Fywkfvi4laztdim7c"></ne-clipboard><div class="lake-content" typography="classic"><ol class="ne-ol" style="padding-left: 23px;"><li id="u3a19fc37" data-lake-index-type="0"><span class="ne-text">创建 TabView：</span></li></ol><pre data-language="javascript" id="YPTRe" class="ne-codeblock language-javascript" style="border: 1px solid rgb(232, 232, 232); border-radius: 2px; background: rgb(249, 249, 249); padding: 16px; font-size: 13px; color: rgb(89, 89, 89);"><code>var tab = new TabView();</code></pre><p id="u2368a160" class="ne-p" style="font-family: "Lucida Grande", Geneva, Verdana, Arial; font-size: 12px; min-height: 24px;"><br></p><ul class="ne-list-wrap" style="margin-left: 14px; padding-left: 23px; list-style: none;"><ul ne-level="1" class="ne-ul" style="margin-left: 14px; padding-left: 23px; list-style-position: initial; list-style-image: initial;"><li id="u00137fce" data-lake-index-type="0" style="list-style-position: initial; list-style-image: initial;"><span class="ne-text">创建一个</span><span class="ne-text"> </span><code class="ne-code" style="font-family: SFMono-Regular, Consolas, "Liberation Mono", Menlo, Courier, monospace; background-color: rgba(0, 0, 0, 0.06); border: 1px solid rgba(0, 0, 0, 0.08); border-radius: 2px; padding-right: 2px; padding-left: 2px;"><span class="ne-text">TabView</span></code><span class="ne-text"> </span><span class="ne-text">对象，用于管理多个标签页。</span></li></ul></ul><ol start="2" class="ne-ol" style="padding-left: 23px;"><li id="u4a2417c6" data-lake-index-type="0"><span class="ne-text">设置标签页标题：</span></li></ol><pre data-language="javascript" id="Hs3HJ" class="ne-codeblock language-javascript" style="border: 1px solid rgb(232, 232, 232); border-radius: 2px; background: rgb(249, 249, 249); padding: 16px; font-size: 13px; color: rgb(89, 89, 89);"><code>tab.setTitles(["首页", "第二页", "第三页", "第四页"]);</code></pre><p id="u4fb4a1dc" class="ne-p" style="font-family: "Lucida Grande", Geneva, Verdana, Arial; font-size: 12px; min-height: 24px;"><br></p><ul class="ne-list-wrap" style="margin-left: 14px; padding-left: 23px; list-style: none;"><ul ne-level="1" class="ne-ul" style="margin-left: 14px; padding-left: 23px; list-style-position: initial; list-style-image: initial;"><li id="uc8bccfe3" data-lake-index-type="0" style="list-style-position: initial; list-style-image: initial;"><span class="ne-text">设置</span><span class="ne-text"> </span><code class="ne-code" style="font-family: SFMono-Regular, Consolas, "Liberation Mono", Menlo, Courier, monospace; background-color: rgba(0, 0, 0, 0.06); border: 1px solid rgba(0, 0, 0, 0.08); border-radius: 2px; padding-right: 2px; padding-left: 2px;"><span class="ne-text">TabView</span></code><span class="ne-text"> </span><span class="ne-text">的标签页标题，分别为“首页”、“第二页”、“第三页”和“第四页”。</span></li></ul></ul><ol start="3" class="ne-ol" style="padding-left: 23px;"><li id="u45c853f9" data-lake-index-type="0"><span class="ne-text">显示 TabView 并添加视图：</span></li></ol><pre data-language="javascript" id="D2Rrs" class="ne-codeblock language-javascript" style="border: 1px solid rgb(232, 232, 232); border-radius: 2px; background: rgb(249, 249, 249); padding: 16px; font-size: 13px; color: rgb(89, 89, 89);"><code>tab.show(() => {printl("TabView 显示完成");
// 添加每个标签页的视图
tab.addView(0, h1()); // 首页
tab.addView(1, h2()); // 第二页
tab.addView(2, h3()); // 第三页
tab.addView(3, h4()); // 第四页
printl("视图添加完成");
});</code></pre><p id="uec8f1052" class="ne-p" style="font-family: "Lucida Grande", Geneva, Verdana, Arial; font-size: 12px; min-height: 24px;"><br></p><ul class="ne-list-wrap" style="margin-left: 14px; padding-left: 23px; list-style: none;"><ul ne-level="1" class="ne-ul" style="margin-left: 14px; padding-left: 23px; list-style-position: initial; list-style-image: initial;"><li id="u36363aa8" data-lake-index-type="0" style="list-style-position: initial; list-style-image: initial;"><span class="ne-text">显示</span><span class="ne-text"> </span><code class="ne-code" style="font-family: SFMono-Regular, Consolas, "Liberation Mono", Menlo, Courier, monospace; background-color: rgba(0, 0, 0, 0.06); border: 1px solid rgba(0, 0, 0, 0.08); border-radius: 2px; padding-right: 2px; padding-left: 2px;"><span class="ne-text">TabView</span></code><span class="ne-text">，并在加载完成后执行回调函数。</span></li><li id="ua92583c3" data-lake-index-type="0" style="list-style-position: initial; list-style-image: initial;"><span class="ne-text">在回调函数中，分别调用</span><span class="ne-text"> </span><code class="ne-code" style="font-family: SFMono-Regular, Consolas, "Liberation Mono", Menlo, Courier, monospace; background-color: rgba(0, 0, 0, 0.06); border: 1px solid rgba(0, 0, 0, 0.08); border-radius: 2px; padding-right: 2px; padding-left: 2px;"><span class="ne-text">h1()</span></code><span class="ne-text">,</span><span class="ne-text"> </span><code class="ne-code" style="font-family: SFMono-Regular, Consolas, "Liberation Mono", Menlo, Courier, monospace; background-color: rgba(0, 0, 0, 0.06); border: 1px solid rgba(0, 0, 0, 0.08); border-radius: 2px; padding-right: 2px; padding-left: 2px;"><span class="ne-text">h2()</span></code><span class="ne-text">,</span><span class="ne-text"> </span><code class="ne-code" style="font-family: SFMono-Regular, Consolas, "Liberation Mono", Menlo, Courier, monospace; background-color: rgba(0, 0, 0, 0.06); border: 1px solid rgba(0, 0, 0, 0.08); border-radius: 2px; padding-right: 2px; padding-left: 2px;"><span class="ne-text">h3()</span></code><span class="ne-text">, 和</span><span class="ne-text"> </span><code class="ne-code" style="font-family: SFMono-Regular, Consolas, "Liberation Mono", Menlo, Courier, monospace; background-color: rgba(0, 0, 0, 0.06); border: 1px solid rgba(0, 0, 0, 0.08); border-radius: 2px; padding-right: 2px; padding-left: 2px;"><span class="ne-text">h4()</span></code><span class="ne-text"> </span><span class="ne-text">函数为每个标签页添加视图。</span></li></ul></ul><ol start="4" class="ne-ol" style="padding-left: 23px;"><li id="u652c7b01" data-lake-index-type="0"><span class="ne-text">第一页视图 (</span><code class="ne-code" style="font-family: SFMono-Regular, Consolas, "Liberation Mono", Menlo, Courier, monospace; background-color: rgba(0, 0, 0, 0.06); border: 1px solid rgba(0, 0, 0, 0.08); border-radius: 2px; padding-right: 2px; padding-left: 2px;"><span class="ne-text">h1()</span></code><span class="ne-text"> </span><span class="ne-text">函数)：</span></li></ol><pre data-language="javascript" id="CHieO" class="ne-codeblock language-javascript" style="border: 1px solid rgb(232, 232, 232); border-radius: 2px; background: rgb(249, 249, 249); padding: 16px; font-size: 13px; color: rgb(89, 89, 89);"><code>function h1() {
var v = new Vertical(); // 创建一个垂直容器来包含所有元素
printl("首页垂直容器创建完成");
// 创建返回键
var btnBack = new Button();
btnBack.setText("返回");
btnBack.setColor(255, 0, 0);
btnBack.onClick(() => {
printl("返回键被点击了");
tab.dismiss(); // 关闭 TabView
});
v.addView(btnBack);
printl("返回键添加完成");
// 创建用户名标签和输入框
var h1Container = new Horizontal();
var lb = new Label();
lb.setText("用户名");
lb.setWidth(60);
var input = new Input();
input.setWidth(150);
h1Container.addView(lb);
h1Container.addView(input);
v.addView(h1Container);
printl("用户名输入框添加完成");
// 创建复选框
var ck1 = new CheckBox();
ck1.setText("抖音极速版");
ck1.value = false;
v.addView(ck1);
printl("复选框1添加完成");
var ck2 = new CheckBox();
ck2.setText("快手极速版");
ck2.value = false;
v.addView(ck2);
printl("复选框2添加完成");
var ck3 = new CheckBox();
ck3.setText("汽水音乐");
ck3.value = false;
v.addView(ck3);
printl("复选框3添加完成");
var ck4 = new CheckBox();
ck4.setText("番茄音乐");
ck4.value = false;
v.addView(ck4);
printl("复选框4添加完成");
var ck5 = new CheckBox();
ck5.setText("西瓜视频");
ck5.value = false;
v.addView(ck5);
printl("复选框5添加完成");
// 创建开始执行按钮
var btnExecute = new Button();
btnExecute.setText("启动主脚本");
btnExecute.setColor(0, 0, 255);
btnExecute.onClick(() => {
printl("开始执行按钮被点击了");
if (ck1.value) {
printl("抖音极速版被选中");
极速抖音广告单机();
}
if (ck2.value) {
printl("快手极速版被选中");
极速快手广告单版本();
}
if (ck3.value) {
printl("汽水音乐被选中");
汽水广告单机();
}
if (ck4.value) {
printl("番茄音乐被选中");
番茄音乐广告单机();
}
if (ck5.value) {
printl("西瓜视频被选中");
西瓜视频广告单版();
}
});
v.addView(btnExecute);
printl("开始执行按钮添加完成");
printl("首页视图创建完成");
return v; // 返回首页视图
}</code></pre><p id="ucea089aa" class="ne-p" style="font-family: "Lucida Grande", Geneva, Verdana, Arial; font-size: 12px; min-height: 24px;"><br></p><ul class="ne-list-wrap" style="margin-left: 14px; padding-left: 23px; list-style: none;"><ul ne-level="1" class="ne-ul" style="margin-left: 14px; padding-left: 23px; list-style-position: initial; list-style-image: initial;"><li id="u896596a2" data-lake-index-type="0" style="list-style-position: initial; list-style-image: initial;"><span class="ne-text">创建一个垂直容器</span><span class="ne-text"> </span><code class="ne-code" style="font-family: SFMono-Regular, Consolas, "Liberation Mono", Menlo, Courier, monospace; background-color: rgba(0, 0, 0, 0.06); border: 1px solid rgba(0, 0, 0, 0.08); border-radius: 2px; padding-right: 2px; padding-left: 2px;"><span class="ne-text">v</span></code><span class="ne-text"> </span><span class="ne-text">来包含所有元素。</span></li><li id="uc1f1a9ed" data-lake-index-type="0" style="list-style-position: initial; list-style-image: initial;"><span class="ne-text">创建一个返回键按钮</span><span class="ne-text"> </span><code class="ne-code" style="font-family: SFMono-Regular, Consolas, "Liberation Mono", Menlo, Courier, monospace; background-color: rgba(0, 0, 0, 0.06); border: 1px solid rgba(0, 0, 0, 0.08); border-radius: 2px; padding-right: 2px; padding-left: 2px;"><span class="ne-text">btnBack</span></code><span class="ne-text">，设置文本为“返回”，点击时关闭</span><span class="ne-text"> </span><code class="ne-code" style="font-family: SFMono-Regular, Consolas, "Liberation Mono", Menlo, Courier, monospace; background-color: rgba(0, 0, 0, 0.06); border: 1px solid rgba(0, 0, 0, 0.08); border-radius: 2px; padding-right: 2px; padding-left: 2px;"><span class="ne-text">TabView</span></code><span class="ne-text">。</span></li><li id="u40d9ef89" data-lake-index-type="0" style="list-style-position: initial; list-style-image: initial;"><span class="ne-text">创建一个水平容器</span><span class="ne-text"> </span><code class="ne-code" style="font-family: SFMono-Regular, Consolas, "Liberation Mono", Menlo, Courier, monospace; background-color: rgba(0, 0, 0, 0.06); border: 1px solid rgba(0, 0, 0, 0.08); border-radius: 2px; padding-right: 2px; padding-left: 2px;"><span class="ne-text">h1Container</span></code><span class="ne-text"> </span><span class="ne-text">来包含用户名标签和输入框。</span></li><li id="u8246ba7b" data-lake-index-type="0" style="list-style-position: initial; list-style-image: initial;"><span class="ne-text">创建五个复选框，分别对应不同的应用。</span></li><li id="ufc9bca6d" data-lake-index-type="0" style="list-style-position: initial; list-style-image: initial;"><span class="ne-text">创建一个“启动主脚本”按钮，点击时根据选中的复选框执行相应的逻辑。</span></li></ul></ul><ol start="5" class="ne-ol" style="padding-left: 23px;"><li id="u813b622a" data-lake-index-type="0"><span class="ne-text">第二页视图 (</span><code class="ne-code" style="font-family: SFMono-Regular, Consolas, "Liberation Mono", Menlo, Courier, monospace; background-color: rgba(0, 0, 0, 0.06); border: 1px solid rgba(0, 0, 0, 0.08); border-radius: 2px; padding-right: 2px; padding-left: 2px;"><span class="ne-text">h2()</span></code><span class="ne-text"> </span><span class="ne-text">函数)：</span></li></ol><pre data-language="javascript" id="J83k4" class="ne-codeblock language-javascript" style="border: 1px solid rgb(232, 232, 232); border-radius: 2px; background: rgb(249, 249, 249); padding: 16px; font-size: 13px; color: rgb(89, 89, 89);"><code>function h2() {
var v = new Vertical(); // 创建一个垂直容器来包含所有元素
printl("第二页垂直容器创建完成");
// 创建返回键
var btnBack = new Button();
btnBack.setText("返回");
btnBack.setColor(255, 0, 0);
btnBack.onClick(() => {
printl("返回键被点击了");
tab.dismiss(); // 关闭 TabView
});
v.addView(btnBack);
printl("返回键添加完成");
// 创建按钮
var btn = new Button();
btn.setText("启动app");
btn.setColor(25, 10, 130);
v.addView(btn);
btn.onClick(() => {
printl("第二页按钮点击了");
});
printl("第二页视图创建完成");
return v; // 返回第二页视图
}</code></pre><p id="u356f3b1e" class="ne-p" style="font-family: "Lucida Grande", Geneva, Verdana, Arial; font-size: 12px; min-height: 24px;"><br></p><ul class="ne-list-wrap" style="margin-left: 14px; padding-left: 23px; list-style: none;"><ul ne-level="1" class="ne-ul" style="margin-left: 14px; padding-left: 23px; list-style-position: initial; list-style-image: initial;"><li id="u0f0fca2a" data-lake-index-type="0" style="list-style-position: initial; list-style-image: initial;"><span class="ne-text">创建一个垂直容器</span><span class="ne-text"> </span><code class="ne-code" style="font-family: SFMono-Regular, Consolas, "Liberation Mono", Menlo, Courier, monospace; background-color: rgba(0, 0, 0, 0.06); border: 1px solid rgba(0, 0, 0, 0.08); border-radius: 2px; padding-right: 2px; padding-left: 2px;"><span class="ne-text">v</span></code><span class="ne-text"> </span><span class="ne-text">来包含所有元素。</span></li><li id="u52678d6b" data-lake-index-type="0" style="list-style-position: initial; list-style-image: initial;"><span class="ne-text">创建一个返回键按钮</span><span class="ne-text"> </span><code class="ne-code" style="font-family: SFMono-Regular, Consolas, "Liberation Mono", Menlo, Courier, monospace; background-color: rgba(0, 0, 0, 0.06); border: 1px solid rgba(0, 0, 0, 0.08); border-radius: 2px; padding-right: 2px; padding-left: 2px;"><span class="ne-text">btnBack</span></code><span class="ne-text">，设置文本为“返回”，点击时关闭</span><span class="ne-text"> </span><code class="ne-code" style="font-family: SFMono-Regular, Consolas, "Liberation Mono", Menlo, Courier, monospace; background-color: rgba(0, 0, 0, 0.06); border: 1px solid rgba(0, 0, 0, 0.08); border-radius: 2px; padding-right: 2px; padding-left: 2px;"><span class="ne-text">TabView</span></code><span class="ne-text">。</span></li><li id="uaad5888f" data-lake-index-type="0" style="list-style-position: initial; list-style-image: initial;"><span class="ne-text">创建一个“启动app”按钮，点击时仅打印日志信息。</span></li></ul></ul><ol start="6" class="ne-ol" style="padding-left: 23px;"><li id="u3573cbd8" data-lake-index-type="0"><span class="ne-text">第三页视图 (</span><code class="ne-code" style="font-family: SFMono-Regular, Consolas, "Liberation Mono", Menlo, Courier, monospace; background-color: rgba(0, 0, 0, 0.06); border: 1px solid rgba(0, 0, 0, 0.08); border-radius: 2px; padding-right: 2px; padding-left: 2px;"><span class="ne-text">h3()</span></code><span class="ne-text"> </span><span class="ne-text">函数)：</span></li></ol><pre data-language="javascript" id="F2KDY" class="ne-codeblock language-javascript" style="border: 1px solid rgb(232, 232, 232); border-radius: 2px; background: rgb(249, 249, 249); padding: 16px; font-size: 13px; color: rgb(89, 89, 89);"><code>function h3() {
var v = new Vertical(); // 创建一个垂直容器来包含所有元素
printl("第三页垂直容器创建完成");
// 创建返回键
var btnBack = new Button();
btnBack.setText("返回");
btnBack.setColor(255, 0, 0);
btnBack.onClick(() => {
printl("返回键被点击了");
tab.dismiss(); // 关闭 TabView
});
v.addView(btnBack);
printl("返回键添加完成");
// 创建欢迎标签
var lb = new Label();
lb.setText("欢迎来到我的页面");
v.addView(lb);
printl("第三页视图创建完成");
return v; // 返回第三页视图
}</code></pre><p id="ucd917c6c" class="ne-p" style="font-family: "Lucida Grande", Geneva, Verdana, Arial; font-size: 12px; min-height: 24px;"><br></p><ul class="ne-list-wrap" style="margin-left: 14px; padding-left: 23px; list-style: none;"><ul ne-level="1" class="ne-ul" style="margin-left: 14px; padding-left: 23px; list-style-position: initial; list-style-image: initial;"><li id="u24bea30c" data-lake-index-type="0" style="list-style-position: initial; list-style-image: initial;"><span class="ne-text">创建一个垂直容器</span><span class="ne-text"> </span><code class="ne-code" style="font-family: SFMono-Regular, Consolas, "Liberation Mono", Menlo, Courier, monospace; background-color: rgba(0, 0, 0, 0.06); border: 1px solid rgba(0, 0, 0, 0.08); border-radius: 2px; padding-right: 2px; padding-left: 2px;"><span class="ne-text">v</span></code><span class="ne-text"> </span><span class="ne-text">来包含所有元素。</span></li><li id="ubd1ac1f7" data-lake-index-type="0" style="list-style-position: initial; list-style-image: initial;"><span class="ne-text">创建一个返回键按钮</span><span class="ne-text"> </span><code class="ne-code" style="font-family: SFMono-Regular, Consolas, "Liberation Mono", Menlo, Courier, monospace; background-color: rgba(0, 0, 0, 0.06); border: 1px solid rgba(0, 0, 0, 0.08); border-radius: 2px; padding-right: 2px; padding-left: 2px;"><span class="ne-text">btnBack</span></code><span class="ne-text">，设置文本为“返回”，点击时关闭</span><span class="ne-text"> </span><code class="ne-code" style="font-family: SFMono-Regular, Consolas, "Liberation Mono", Menlo, Courier, monospace; background-color: rgba(0, 0, 0, 0.06); border: 1px solid rgba(0, 0, 0, 0.08); border-radius: 2px; padding-right: 2px; padding-left: 2px;"><span class="ne-text">TabView</span></code><span class="ne-text">。</span></li><li id="ubde04419" data-lake-index-type="0" style="list-style-position: initial; list-style-image: initial;"><span class="ne-text">创建一个欢迎标签，显示欢迎信息。</span></li></ul></ul><ol start="7" class="ne-ol" style="padding-left: 23px;"><li id="uf4a591bb" data-lake-index-type="0"><span class="ne-text">第四页视图 (</span><code class="ne-code" style="font-family: SFMono-Regular, Consolas, "Liberation Mono", Menlo, Courier, monospace; background-color: rgba(0, 0, 0, 0.06); border: 1px solid rgba(0, 0, 0, 0.08); border-radius: 2px; padding-right: 2px; padding-left: 2px;"><span class="ne-text">h4()</span></code><span class="ne-text"> </span><span class="ne-text">函数)：</span></li></ol><pre data-language="javascript" id="EURau" class="ne-codeblock language-javascript" style="border: 1px solid rgb(232, 232, 232); border-radius: 2px; background: rgb(249, 249, 249); padding: 16px; font-size: 13px; color: rgb(89, 89, 89);"><code>function h4() {
var v = new Vertical(); // 创建一个垂直容器来包含所有元素
printl("第四页垂直容器创建完成");
// 创建返回键
var btnBack = new Button();
btnBack.setText("返回");
btnBack.setColor(255, 0, 0);
btnBack.onClick(() => {
printl("返回键被点击了");
tab.dismiss(); // 关闭 TabView
});
v.addView(btnBack);
printl("返回键添加完成");
// 创建内容标签
var lb = new Label();
lb.setText("第四页内容");
v.addView(lb);
// 创建点击按钮
var btn = new Button();
btn.setText("点击我");
btn.setColor(25, 10, 130);
btn.onClick(() => {
printl("第四页按钮点击了");
tab.dismiss(); // 关闭 TabView
});
v.addView(btn);
printl("第四页视图创建完成");
return v; // 返回第四页视图
}</code></pre><p id="u1048e507" class="ne-p" style="font-family: "Lucida Grande", Geneva, Verdana, Arial; font-size: 12px; min-height: 24px;"><br></p><ul class="ne-list-wrap" style="margin-left: 14px; padding-left: 23px; list-style: none;"><ul ne-level="1" class="ne-ul" style="margin-left: 14px; padding-left: 23px; list-style-position: initial; list-style-image: initial;"><li id="uc1371514" data-lake-index-type="0" style="list-style-position: initial; list-style-image: initial;"><span class="ne-text">创建一个垂直容器</span><span class="ne-text"> </span><code class="ne-code" style="font-family: SFMono-Regular, Consolas, "Liberation Mono", Menlo, Courier, monospace; background-color: rgba(0, 0, 0, 0.06); border: 1px solid rgba(0, 0, 0, 0.08); border-radius: 2px; padding-right: 2px; padding-left: 2px;"><span class="ne-text">v</span></code><span class="ne-text"> </span><span class="ne-text">来包含所有元素。</span></li><li id="u32307ede" data-lake-index-type="0" style="list-style-position: initial; list-style-image: initial;"><span class="ne-text">创建一个返回键按钮</span><span class="ne-text"> </span><code class="ne-code" style="font-family: SFMono-Regular, Consolas, "Liberation Mono", Menlo, Courier, monospace; background-color: rgba(0, 0, 0, 0.06); border: 1px solid rgba(0, 0, 0, 0.08); border-radius: 2px; padding-right: 2px; padding-left: 2px;"><span class="ne-text">btnBack</span></code><span class="ne-text">，设置文本为“返回”，点击时关闭</span><span class="ne-text"> </span><code class="ne-code" style="font-family: SFMono-Regular, Consolas, "Liberation Mono", Menlo, Courier, monospace; background-color: rgba(0, 0, 0, 0.06); border: 1px solid rgba(0, 0, 0, 0.08); border-radius: 2px; padding-right: 2px; padding-left: 2px;"><span class="ne-text">TabView</span></code><span class="ne-text">。</span></li><li id="ue8d6b3b4" data-lake-index-type="0" style="list-style-position: initial; list-style-image: initial;"><span class="ne-text">创建一个内容标签，显示第四页的内容。</span></li><li id="ua8ddf1af" data-lake-index-type="0" style="list-style-position: initial; list-style-image: initial;"><span class="ne-text">创建一个“点击我”按钮，点击时关闭</span><span class="ne-text"> </span><code class="ne-code" style="font-family: SFMono-Regular, Consolas, "Liberation Mono", Menlo, Courier, monospace; background-color: rgba(0, 0, 0, 0.06); border: 1px solid rgba(0, 0, 0, 0.08); border-radius: 2px; padding-right: 2px; padding-left: 2px;"><span class="ne-text">TabView</span></code><span class="ne-text">。</span></li></ul></ul><p id="u4eaf3734" class="ne-p" style="font-family: "Lucida Grande", Geneva, Verdana, Arial; font-size: 12px; min-height: 24px;"><span class="ne-text">通过这些修改和说明，每个标签页都添加了一个返回键，点击返回键可以关闭 </span><code class="ne-code" style="font-family: SFMono-Regular, Consolas, "Liberation Mono", Menlo, Courier, monospace; background-color: rgba(0, 0, 0, 0.06); border: 1px solid rgba(0, 0, 0, 0.08); border-radius: 2px; padding-right: 2px; padding-left: 2px;"><span class="ne-text">TabView</span></code></p></div></div><p></p>
页:
[1]