update

index.css

@@ -698,6 +698,10 @@ ul, li {
     position: relative;
 }
 
+.downbox div:first-child:hover {
+    background: #d6dfff;
+}
+
 .downbox div:first-child:hover .Hardware2 {
     display: block;
 }
@@ -706,8 +710,7 @@ ul, li {
     display: block;
 }
 
-
-.downbox div:first-child:hover {
+.MouduleBox div:hover {
     background: #d6dfff;
 }
 
@@ -1121,7 +1124,7 @@ table td, th {
 }
 
 .english {
-   width: 185px;
+   width: 185px !important;
 }
 
 .fileEnglish {

index.html

@@ -241,13 +241,10 @@
                                 <span class="translatable_download_uploader">下载安装程序</span>
                                 <ul id="plugin_mac_or_windows" class='dropdown-content'
                                     style="display:none; position: fixed; left: 320px; top: 64px;">
-                                    <li id="Mac" href="//cocorobo.cn/downloads/CocoBlocklyXUploaderInstallerv1.0.10.pkg"
-                                        target="_black">
+                                    <li id="Mac" onclick="openUrl('cocorobo.cn/downloads/CocoBlocklyXUploaderInstallerv1.0.10.pkg')">
                                         <span><img src="./icons/mac-icon.png">Mac</span>
                                     </li>
-                                    <li id="Windows"
-                                        href="//cocorobo.cn/downloads/CocoBlocklyXUploaderInstallerv1.0.11.exe"
-                                        target="_black">
+                                    <li id="Windows" onclick="openUrl('cocorobo.cn/downloads/CocoBlocklyXUploaderInstallerv1.0.11.exe')">
                                         <span><img src="./icons/windows-icon.png">Windows</span>
                                     </li>
                                 </ul>
@@ -282,16 +279,16 @@
                                 <span class="translatable_ai_kit">AI Kit</span>
                                 <ul id="local_help_ai_kit" class='dropdown-content'
                                     style="display:none; position: fixed; left: 398px; top: 64px;">
-                                    <li id="ai_kit_0" href="//x-help.cocorobo.hk/#/aikit/AI_1" target="_black">
+                                    <li id="ai_kit_0" onclick="openUrl('x-help.cocorobo.cn/#/aikit/AI_1')">
                                         <span class="translatable_ai_kit_0">Mac</span>
                                     </li>
-                                    <li id="ai_kit_1" href="//x-help.cocorobo.hk/#/aikit/AI_2" target="_black">
+                                    <li id="ai_kit_1" onclick="openUrl('x-help.cocorobo.cn/#/aikit/AI_2')">
                                         <span class="translatable_ai_kit_1">Windows</span>
                                     </li>
-                                    <li id="ai_kit_2" href="//x-help.cocorobo.hk/#/aikit/AI_3" target="_black">
+                                    <li id="ai_kit_2" onclick="openUrl('x-help.cocorobo.cn/#/aikit/AI_3')">
                                         <span class="translatable_ai_kit_2">Windows</span>
                                     </li>
-                                    <li id="ai_kit_3" href="//x-help.cocorobo.hk/#/aikit/AI_4" target="_black">
+                                    <li id="ai_kit_3" onclick="openUrl('x-help.cocorobo.cn/#/aikit/AI_4')">
                                         <span class="translatable_ai_kit_3">Windows</span>
                                     </li>
                                 </ul>
@@ -300,18 +297,18 @@
                                 <span class="translatable_extends">拓展转接模组</span>
                                 <ul id="help_extends" class='dropdown-content'
                                     style="display:none; position: fixed; left: 398px; top: 120px;">
-                                    <li id="extends_0" href="//x-help.cocorobo.hk/#/extension/EX_01" target="_black">
+                                    <li id="extends_0" onclick="openUrl('x-help.cocorobo.cn/#/extension/EX_01')">
                                         <span class="translatable_extends_0">Mac</span>
                                     </li>
-                                    <li id="extends_1" href="//x-help.cocorobo.hk/#/extension/EX_02" target="_black">
+                                    <li id="extends_1" onclick="openUrl('x-help.cocorobo.cn/#/extension/EX_02')">
                                         <span class="translatable_extends_1">Windows</span>
                                     </li>
-                                    <li id="extends_2" href="//x-help.cocorobo.hk/#/extension/EX_03" target="_black">
+                                    <li id="extends_2" onclick="openUrl('x-help.cocorobo.cn/#/extension/EX_03')">
                                         <span class="translatable_extends_2">Windows</span>
                                     </li>
                                 </ul>
                             </li>
-                            <li id="local_help_error" href="//x-help.cocorobo.cn/#/aikit/A0">
+                            <li id="local_help_error" onclick="openUrl('x-help.cocorobo.cn/#/aikit/A0')">
                                 <span class="translatable_error">常见错误处理</span>
                             </li>
                         </ul>
@@ -344,7 +341,7 @@
                                 <div style="font-size: 0.9rem;">样例 </div>
                                 <i class="down" style="position: relative;top: -34px;left: 20px;float: right;"></i>
                                 <div class="downbox ModeBox downbox-style">
-                                    <div>
+                                    <div style="display: block;">
                                         <div>人工智能教材程序</div>
                                         <i class="downboxdown"></i>
                                         <div class="Hardware2 HarxA" style="height:auto;top:-35px">
@@ -393,7 +390,7 @@
                                             </div>
                                         </div>
                                     </div>
-                                    <div>
+                                    <div style="display: none;">
                                         <div>IoT 模块基础案例</div>
                                         <i class="downboxdown"></i>
                                         <ul class="Hardware2 HarxA">
@@ -408,7 +405,7 @@
                                             <li> LED 显示光线强度值</li>
                                         </ul>
                                     </div>
-                                    <div>
+                                    <div style="display: none;">
                                         <div>IoT 模块扩展功能案例</div>
                                         <i class="downboxdown"></i>
                                         <ul class="Hardware2 HarxA">
@@ -424,7 +421,7 @@
                                             <li>计步器</li>
                                         </ul>
                                     </div>
-                                    <div>
+                                    <div style="display: none;">
                                         <div>IoT 模块联网案例</div>
                                         <i class="downboxdown"></i>
                                         <ul class="Hardware2 HarxA">
@@ -445,7 +442,7 @@
                                             <li>数字手表显示实时时间</li>
                                         </ul>
                                     </div>
-                                    <div>
+                                    <div style="display: none;">
                                         <div>IoT工作坊上</div>
                                         <i class="downboxdown"></i>
                                         <ul class="Hardware2 HarxA">
@@ -463,7 +460,7 @@
 
                                         </ul>
                                     </div>
-                                    <div>
+                                    <div style="display: none;">
                                         <div>IoT工作坊下</div>
                                         <i class="downboxdown"></i>
                                         <ul class="Hardware2 HarxA">
@@ -482,7 +479,7 @@
                                             <li>体验 iot-台灯（语音控制）</li>
                                         </ul>
                                     </div>
-                                    <div>
+                                    <div style="display: block;">
                                         <div>AI 模块机器学习案例</div>
                                         <i class="downboxdown"></i>
                                         <ul class="Hardware2 HarxA">
@@ -496,7 +493,7 @@
                                             <li>MNIST 手写数字识别</li>
                                         </ul>
                                     </div>
-                                    <div>
+                                    <div style="display: block;">
                                         <div>AI 模块基础案例</div>
                                         <i class="downboxdown"></i>
                                         <ul class="Hardware2 HarxA">
@@ -509,7 +506,7 @@
                                             <li>屏幕绘制线条动画</li>
                                         </ul>
                                     </div>
-                                    <div>
+                                    <div style="display: block;">
                                         <div>AI 模块扩展功能案例</div>
                                         <i class="downboxdown"></i>
                                         <ul class="Hardware2 HarxA">
@@ -520,7 +517,7 @@
                                             <li>贪吃蛇</li>
                                         </ul>
                                     </div>
-                                    <div>
+                                    <div style="display: block;">
                                         <div>AI AI 模块视觉案例</div>
                                         <i class="downboxdown"></i>
                                         <ul class="Hardware2 HarxA">
@@ -532,7 +529,7 @@
                                             <li>寻找绿色区域并进行追踪</li>
                                         </ul>
                                     </div>
-                                    <div>
+                                    <div style="display: block;">
                                         <div>AI AI 模块影音案例</div>
                                         <i class="downboxdown"></i>
                                         <ul class="Hardware2 HarxA">
@@ -542,7 +539,7 @@
                                             <li>麦克风声音频谱分析</li>
                                         </ul>
                                     </div>
-                                    <div>
+                                    <div style="display: block;">
                                         <div>AI基础篇案例上</div>
                                         <i class="downboxdown"></i>
                                         <ul class="Hardware2 HarxA">
@@ -553,7 +550,7 @@
                                             <li>簡易物體識別</li>
                                         </ul>
                                     </div>
-                                    <div>
+                                    <div style="display: block;">
                                         <div>AI 基础篇案例下</div>
                                         <i class="downboxdown"></i>
                                         <ul class="Hardware2 HarxA">
@@ -565,7 +562,7 @@
                                             <li>音頻分析</li>
                                         </ul>
                                     </div>
-                                    <div>
+                                    <div style="display: block;">
                                         <div>AI 扩展使用案例</div>
                                         <i class="downboxdown"></i>
                                         <ul class="Hardware2 HarxA">
@@ -578,7 +575,7 @@
                                             <li>电动门</li>
                                         </ul>
                                     </div>
-                                    <div>
+                                    <div style="display: block;">
                                         <div>AI 垃圾分类</div>
                                         <i class="downboxdown"></i>
                                         <ul class="Hardware2 HarxA">
@@ -587,7 +584,7 @@
                                             <li>电动门</li>
                                         </ul>
                                     </div>
-                                    <div>
+                                    <div style="display: block;">
                                         <div>AI 自动驾驶</div>
                                         <i class="downboxdown"></i>
                                         <ul class="Hardware2 HarxA">

index.js

@@ -191,11 +191,13 @@ $(window).one("load", () => {
     $("#mode")[0].onchange();
     $('.selectMode_input')[0].value = Ardublockly.LOCALISED_TEXT.iot_module;
     selectmode($("#mode")[0], true);
+    appearExample(1);
   } else {
     $("#mode")[0].selectedIndex = 0;
     $("#mode")[0].onchange();
     $('.selectMode_input')[0].value = Ardublockly.LOCALISED_TEXT.ai_module;
     selectmode($("#mode")[0], true);
+    appearExample(0);
   }
 
   $('#white-box').css('display', 'none');
@@ -706,6 +708,7 @@ function selectOnload() {
   $('.ModeSelectBox')[0].onclick = function (e) {
     U.UF.EV.stopBubble();
     $('.ModeSelect')[0].className = 'ModeSelect active';
+    $('#downboxModule').css("display", "none");
   }
   likeclose($('.selectMode_input')[0], $('.MouduleBox')[0], '', '');
   likeclose($('.ModeSelect')[0].children[0], $('.ModeSelect')[0], 1, 'ModeSelect');
@@ -722,11 +725,13 @@ function selectOnload() {
           $("#mode")[0].selectedIndex = 1;
           $("#mode")[0].onchange();
           $('.selectMode_input')[0].value = Ardublockly.LOCALISED_TEXT.iot_module;
+          appearExample(1);
         }
         else if (e.innerHTML == Ardublockly.LOCALISED_TEXT.ai_module) {
           $("#mode")[0].selectedIndex = 0;
           $("#mode")[0].onchange();
           $('.selectMode_input')[0].value = Ardublockly.LOCALISED_TEXT.ai_module;
+          appearExample(0);
         }
         $('.MouduleBox')[0].style.display = 'none';
         $('.MouduleBox')[1].style.display = 'none';
@@ -914,10 +919,12 @@ function selectOnload() {
               $("#mode")[0].selectedIndex = 1;
               $("#mode")[0].onchange();
               $('.selectMode_input')[0].value = Ardublockly.LOCALISED_TEXT.iot_module;
+              appearExample(1);
             } else {
               $("#mode")[0].selectedIndex = 0;
               $("#mode")[0].onchange();
               $('.selectMode_input')[0].value = Ardublockly.LOCALISED_TEXT.ai_module;
+              appearExample(0);
             }
             $('.ModeSelect')[0].className = 'ModeSelect';
             Ardublockly.alertExampleMessage(
@@ -948,10 +955,12 @@ function selectOnload() {
               $("#mode")[0].selectedIndex = 1;
               $("#mode")[0].onchange();
               $('.selectMode_input')[0].value = Ardublockly.LOCALISED_TEXT.iot_module;
+              appearExample(1);
             } else {
               $("#mode")[0].selectedIndex = 0;
               $("#mode")[0].onchange();
               $('.selectMode_input')[0].value = Ardublockly.LOCALISED_TEXT.ai_module;
+              appearExample(0);
             }
             $('.ModeSelect')[0].className = 'ModeSelect';
             readTxt("/src/python/" + _arr[i][j], function (txt) {
@@ -976,10 +985,12 @@ function selectOnload() {
             $("#mode")[0].selectedIndex = 1;
             $("#mode")[0].onchange();
             $('.selectMode_input')[0].value = Ardublockly.LOCALISED_TEXT.iot_module;
+            appearExample(1);
           } else {
             $("#mode")[0].selectedIndex = 0;
             $("#mode")[0].onchange();
             $('.selectMode_input')[0].value = Ardublockly.LOCALISED_TEXT.ai_module;
+            appearExample(0);
           }
           $('.ModeSelect')[0].className = 'ModeSelect';
           Ardublockly.alertExampleMessage(
@@ -1344,3 +1355,46 @@ function copyShare() {
     }
   })
 }
+
+function openUrl(url) {
+  window.open("//" + url, "_blank")
+}
+
+function appearExample(type) {
+  if (type == 0) {
+    $('.ModeBox')[0].children[0].style.display = "block";
+    $('.ModeBox')[0].children[1].style.display = "none";
+    $('.ModeBox')[0].children[2].style.display = "none";
+    $('.ModeBox')[0].children[3].style.display = "none";
+    $('.ModeBox')[0].children[4].style.display = "none";
+    $('.ModeBox')[0].children[5].style.display = "none";
+    $('.ModeBox')[0].children[6].style.display = "block";
+    $('.ModeBox')[0].children[7].style.display = "block";
+    $('.ModeBox')[0].children[8].style.display = "block";
+    $('.ModeBox')[0].children[9].style.display = "block";
+    $('.ModeBox')[0].children[10].style.display = "block";
+    $('.ModeBox')[0].children[11].style.display = "block";
+    $('.ModeBox')[0].children[12].style.display = "block";
+    $('.ModeBox')[0].children[13].style.display = "block";
+    $('.ModeBox')[0].children[14].style.display = "block";
+    $('.ModeBox')[0].children[15].style.display = "block";
+  } else {
+    $('.ModeBox')[0].children[0].style.display = "none";
+    $('.ModeBox')[0].children[0].style.display = "none";
+    $('.ModeBox')[0].children[1].style.display = "block";
+    $('.ModeBox')[0].children[2].style.display = "block";
+    $('.ModeBox')[0].children[3].style.display = "block";
+    $('.ModeBox')[0].children[4].style.display = "block";
+    $('.ModeBox')[0].children[5].style.display = "block";
+    $('.ModeBox')[0].children[6].style.display = "none";
+    $('.ModeBox')[0].children[7].style.display = "none";
+    $('.ModeBox')[0].children[8].style.display = "none";
+    $('.ModeBox')[0].children[9].style.display = "none";
+    $('.ModeBox')[0].children[10].style.display = "none";
+    $('.ModeBox')[0].children[11].style.display = "none";
+    $('.ModeBox')[0].children[12].style.display = "none";
+    $('.ModeBox')[0].children[13].style.display = "none";
+    $('.ModeBox')[0].children[14].style.display = "none";
+    $('.ModeBox')[0].children[15].style.display = "none";
+  }
+}

python/index.css

@@ -698,6 +698,10 @@ ul, li {
     position: relative;
 }
 
+.downbox div:first-child:hover {
+    background: #d6dfff;
+}
+
 .downbox div:first-child:hover .Hardware2 {
     display: block;
 }
@@ -706,8 +710,7 @@ ul, li {
     display: block;
 }
 
-
-.downbox div:first-child:hover {
+.MouduleBox div:hover {
     background: #d6dfff;
 }
 

python/index.html

@@ -241,13 +241,10 @@
                                 <span class="translatable_download_uploader">下载安装程序</span>
                                 <ul id="plugin_mac_or_windows" class='dropdown-content'
                                     style="display:none; position: fixed; left: 320px; top: 64px;">
-                                    <li id="Mac" href="//cocorobo.cn/downloads/CocoBlocklyXUploaderInstallerv1.0.10.pkg"
-                                        target="_black">
+                                    <li id="Mac" onclick="openUrl('cocorobo.cn/downloads/CocoBlocklyXUploaderInstallerv1.0.10.pkg')">
                                         <span><img src="./icons/mac-icon.png">Mac</span>
                                     </li>
-                                    <li id="Windows"
-                                        href="//cocorobo.cn/downloads/CocoBlocklyXUploaderInstallerv1.0.11.exe"
-                                        target="_black">
+                                    <li id="Windows" onclick="openUrl('cocorobo.cn/downloads/CocoBlocklyXUploaderInstallerv1.0.11.exe')">
                                         <span><img src="./icons/windows-icon.png">Windows</span>
                                     </li>
                                 </ul>
@@ -284,16 +281,16 @@
                                 <span class="translatable_ai_kit">AI Kit</span>
                                 <ul id="local_help_ai_kit" class='dropdown-content'
                                     style="display:none; position: fixed; left: 398px; top: 64px;">
-                                    <li id="ai_kit_0" href="//x-help.cocorobo.hk/#/aikit/AI_1" target="_black">
+                                    <li id="ai_kit_0" onclick="openUrl('x-help.cocorobo.cn/#/aikit/AI_1')">
                                         <span class="translatable_ai_kit_0">Mac</span>
                                     </li>
-                                    <li id="ai_kit_1" href="//x-help.cocorobo.hk/#/aikit/AI_2" target="_black">
+                                    <li id="ai_kit_1" onclick="openUrl('x-help.cocorobo.cn/#/aikit/AI_2')">
                                         <span class="translatable_ai_kit_1">Windows</span>
                                     </li>
-                                    <li id="ai_kit_2" href="//x-help.cocorobo.hk/#/aikit/AI_3" target="_black">
+                                    <li id="ai_kit_2" onclick="openUrl('x-help.cocorobo.cn/#/aikit/AI_3')">
                                         <span class="translatable_ai_kit_2">Windows</span>
                                     </li>
-                                    <li id="ai_kit_3" href="//x-help.cocorobo.hk/#/aikit/AI_4" target="_black">
+                                    <li id="ai_kit_3" onclick="openUrl('x-help.cocorobo.cn/#/aikit/AI_4')">
                                         <span class="translatable_ai_kit_3">Windows</span>
                                     </li>
                                 </ul>
@@ -302,18 +299,18 @@
                                 <span class="translatable_extends">拓展转接模组</span>
                                 <ul id="help_extends" class='dropdown-content'
                                     style="display:none; position: fixed; left: 398px; top: 120px;">
-                                    <li id="extends_0" href="//x-help.cocorobo.hk/#/extension/EX_01" target="_black">
+                                    <li id="extends_0" onclick="openUrl('x-help.cocorobo.cn/#/extension/EX_01')">
                                         <span class="translatable_extends_0">Mac</span>
                                     </li>
-                                    <li id="extends_1" href="//x-help.cocorobo.hk/#/extension/EX_02" target="_black">
+                                    <li id="extends_1" onclick="openUrl('x-help.cocorobo.cn/#/extension/EX_02')">
                                         <span class="translatable_extends_1">Windows</span>
                                     </li>
-                                    <li id="extends_2" href="//x-help.cocorobo.hk/#/extension/EX_03" target="_black">
+                                    <li id="extends_2" onclick="openUrl('x-help.cocorobo.cn/#/extension/EX_03')">
                                         <span class="translatable_extends_2">Windows</span>
                                     </li>
                                 </ul>
                             </li>
-                            <li id="local_help_error" href="//x-help.cocorobo.cn/#/aikit/A0">
+                            <li id="local_help_error" onclick="openUrl('x-help.cocorobo.cn/#/aikit/A0')">
                                 <span class="translatable_error">常见错误处理</span>
                             </li>
                         </ul>
@@ -346,7 +343,7 @@
                                 <div style="font-size: 0.9rem;">样例 </div>
                                 <i class="down" style="position: relative;top: -34px;left: 20px;float: right;"></i>
                                 <div class="downbox ModeBox downbox-style">
-                                    <div>
+                                    <div style="display: block;">
                                         <div>人工智能教材程序</div>
                                         <i class="downboxdown"></i>
                                         <div class="Hardware2 HarxA" style="height:auto;top:-35px">
@@ -395,7 +392,7 @@
                                             </div>
                                         </div>
                                     </div>
-                                    <div>
+                                    <div style="display: none;">
                                         <div>IoT 模块基础案例</div>
                                         <i class="downboxdown"></i>
                                         <ul class="Hardware2 HarxA">
@@ -410,7 +407,7 @@
                                             <li> LED 显示光线强度值</li>
                                         </ul>
                                     </div>
-                                    <div>
+                                    <div style="display: none;">
                                         <div>IoT 模块扩展功能案例</div>
                                         <i class="downboxdown"></i>
                                         <ul class="Hardware2 HarxA">
@@ -426,7 +423,7 @@
                                             <li>计步器</li>
                                         </ul>
                                     </div>
-                                    <div>
+                                    <div style="display: none;">
                                         <div>IoT 模块联网案例</div>
                                         <i class="downboxdown"></i>
                                         <ul class="Hardware2 HarxA">
@@ -447,7 +444,7 @@
                                             <li>数字手表显示实时时间</li>
                                         </ul>
                                     </div>
-                                    <div>
+                                    <div style="display: none;">
                                         <div>IoT工作坊上</div>
                                         <i class="downboxdown"></i>
                                         <ul class="Hardware2 HarxA">
@@ -465,7 +462,7 @@
 
                                         </ul>
                                     </div>
-                                    <div>
+                                    <div style="display: none;">
                                         <div>IoT工作坊下</div>
                                         <i class="downboxdown"></i>
                                         <ul class="Hardware2 HarxA">
@@ -484,7 +481,7 @@
                                             <li>体验 iot-台灯（语音控制）</li>
                                         </ul>
                                     </div>
-                                    <div>
+                                    <div style="display: block;">
                                         <div>AI 模块机器学习案例</div>
                                         <i class="downboxdown"></i>
                                         <ul class="Hardware2 HarxA">
@@ -498,7 +495,7 @@
                                             <li>MNIST 手写数字识别</li>
                                         </ul>
                                     </div>
-                                    <div>
+                                    <div style="display: block;">
                                         <div>AI 模块基础案例</div>
                                         <i class="downboxdown"></i>
                                         <ul class="Hardware2 HarxA">
@@ -511,7 +508,7 @@
                                             <li>屏幕绘制线条动画</li>
                                         </ul>
                                     </div>
-                                    <div>
+                                    <div style="display: block;">
                                         <div>AI 模块扩展功能案例</div>
                                         <i class="downboxdown"></i>
                                         <ul class="Hardware2 HarxA">
@@ -522,7 +519,7 @@
                                             <li>贪吃蛇</li>
                                         </ul>
                                     </div>
-                                    <div>
+                                    <div style="display: block;">
                                         <div>AI AI 模块视觉案例</div>
                                         <i class="downboxdown"></i>
                                         <ul class="Hardware2 HarxA">
@@ -534,7 +531,7 @@
                                             <li>寻找绿色区域并进行追踪</li>
                                         </ul>
                                     </div>
-                                    <div>
+                                    <div style="display: block;">
                                         <div>AI AI 模块影音案例</div>
                                         <i class="downboxdown"></i>
                                         <ul class="Hardware2 HarxA">
@@ -544,7 +541,7 @@
                                             <li>麦克风声音频谱分析</li>
                                         </ul>
                                     </div>
-                                    <div>
+                                    <div style="display: block;">
                                         <div>AI基础篇案例上</div>
                                         <i class="downboxdown"></i>
                                         <ul class="Hardware2 HarxA">
@@ -555,7 +552,7 @@
                                             <li>簡易物體識別</li>
                                         </ul>
                                     </div>
-                                    <div>
+                                    <div style="display: block;">
                                         <div>AI 基础篇案例下</div>
                                         <i class="downboxdown"></i>
                                         <ul class="Hardware2 HarxA">
@@ -567,7 +564,7 @@
                                             <li>音頻分析</li>
                                         </ul>
                                     </div>
-                                    <div>
+                                    <div style="display: block;">
                                         <div>AI 扩展使用案例</div>
                                         <i class="downboxdown"></i>
                                         <ul class="Hardware2 HarxA">
@@ -580,7 +577,7 @@
                                             <li>电动门</li>
                                         </ul>
                                     </div>
-                                    <div>
+                                    <div style="display: block;">
                                         <div>AI 垃圾分类</div>
                                         <i class="downboxdown"></i>
                                         <ul class="Hardware2 HarxA">
@@ -589,7 +586,7 @@
                                             <li>电动门</li>
                                         </ul>
                                     </div>
-                                    <div>
+                                    <div style="display: block;">
                                         <div>AI 自动驾驶</div>
                                         <i class="downboxdown"></i>
                                         <ul class="Hardware2 HarxA">

python/index.js

@@ -191,11 +191,13 @@ $(window).one("load", () => {
     $("#mode")[0].onchange();
     $('.selectMode_input')[0].value = Ardublockly.LOCALISED_TEXT.iot_module;
     selectmode($("#mode")[0], true);
+    appearExample(1);
   } else {
     $("#mode")[0].selectedIndex = 0;
     $("#mode")[0].onchange();
     $('.selectMode_input')[0].value = Ardublockly.LOCALISED_TEXT.ai_module;
     selectmode($("#mode")[0], true);
+    appearExample(0);
   }
 
   $('#white-box').css('display', 'none');
@@ -705,6 +707,7 @@ function selectOnload() {
   $('.ModeSelectBox')[0].onclick = function (e) {
     U.UF.EV.stopBubble();
     $('.ModeSelect')[0].className = 'ModeSelect active';
+    $('#downboxModule').css("display", "none");
   }
   likeclose($('.selectMode_input')[0], $('.MouduleBox')[0], '', '');
   likeclose($('.ModeSelect')[0].children[0], $('.ModeSelect')[0], 1, 'ModeSelect');
@@ -721,11 +724,13 @@ function selectOnload() {
           $("#mode")[0].selectedIndex = 1;
           $("#mode")[0].onchange();
           $('.selectMode_input')[0].value = Ardublockly.LOCALISED_TEXT.iot_module;
+          appearExample(1);
         }
         else if (e.innerHTML == Ardublockly.LOCALISED_TEXT.ai_module) {
           $("#mode")[0].selectedIndex = 0;
           $("#mode")[0].onchange();
           $('.selectMode_input')[0].value = Ardublockly.LOCALISED_TEXT.ai_module;
+          appearExample(0);
         }
         $('.MouduleBox')[0].style.display = 'none';
         $('.MouduleBox')[1].style.display = 'none';
@@ -913,10 +918,12 @@ function selectOnload() {
               $("#mode")[0].selectedIndex = 1;
               $("#mode")[0].onchange();
               $('.selectMode_input')[0].value = Ardublockly.LOCALISED_TEXT.iot_module;
+              appearExample(1);
             } else {
               $("#mode")[0].selectedIndex = 0;
               $("#mode")[0].onchange();
               $('.selectMode_input')[0].value = Ardublockly.LOCALISED_TEXT.ai_module;
+              appearExample(0);
             }
             $('.ModeSelect')[0].className = 'ModeSelect';
             Ardublockly.alertExampleMessage(
@@ -947,10 +954,12 @@ function selectOnload() {
               $("#mode")[0].selectedIndex = 1;
               $("#mode")[0].onchange();
               $('.selectMode_input')[0].value = Ardublockly.LOCALISED_TEXT.iot_module;
+              appearExample(1);
             } else {
               $("#mode")[0].selectedIndex = 0;
               $("#mode")[0].onchange();
               $('.selectMode_input')[0].value = Ardublockly.LOCALISED_TEXT.ai_module;
+              appearExample(0);
             }
             $('.ModeSelect')[0].className = 'ModeSelect';
             readTxt("/src/python/" + _arr[i][j], function (txt) {
@@ -975,10 +984,12 @@ function selectOnload() {
             $("#mode")[0].selectedIndex = 1;
             $("#mode")[0].onchange();
             $('.selectMode_input')[0].value = Ardublockly.LOCALISED_TEXT.iot_module;
+            appearExample(1);
           } else {
             $("#mode")[0].selectedIndex = 0;
             $("#mode")[0].onchange();
             $('.selectMode_input')[0].value = Ardublockly.LOCALISED_TEXT.ai_module;
+            appearExample(0);
           }
           $('.ModeSelect')[0].className = 'ModeSelect';
           Ardublockly.alertExampleMessage(
@@ -1297,3 +1308,45 @@ function copyShare() {
     }
   })
 }
+
+function openUrl(url) {
+  window.open("//" + url, "_blank")
+}
+
+function appearExample(type) {
+  if (type == 0) {
+    $('.ModeBox')[0].children[0].style.display = "block";
+    $('.ModeBox')[0].children[1].style.display = "none";
+    $('.ModeBox')[0].children[2].style.display = "none";
+    $('.ModeBox')[0].children[3].style.display = "none";
+    $('.ModeBox')[0].children[4].style.display = "none";
+    $('.ModeBox')[0].children[5].style.display = "none";
+    $('.ModeBox')[0].children[6].style.display = "block";
+    $('.ModeBox')[0].children[7].style.display = "block";
+    $('.ModeBox')[0].children[8].style.display = "block";
+    $('.ModeBox')[0].children[9].style.display = "block";
+    $('.ModeBox')[0].children[10].style.display = "block";
+    $('.ModeBox')[0].children[11].style.display = "block";
+    $('.ModeBox')[0].children[12].style.display = "block";
+    $('.ModeBox')[0].children[13].style.display = "block";
+    $('.ModeBox')[0].children[14].style.display = "block";
+    $('.ModeBox')[0].children[15].style.display = "block";
+  } else {
+    $('.ModeBox')[0].children[0].style.display = "none";
+    $('.ModeBox')[0].children[1].style.display = "block";
+    $('.ModeBox')[0].children[2].style.display = "block";
+    $('.ModeBox')[0].children[3].style.display = "block";
+    $('.ModeBox')[0].children[4].style.display = "block";
+    $('.ModeBox')[0].children[5].style.display = "block";
+    $('.ModeBox')[0].children[6].style.display = "none";
+    $('.ModeBox')[0].children[7].style.display = "none";
+    $('.ModeBox')[0].children[8].style.display = "none";
+    $('.ModeBox')[0].children[9].style.display = "none";
+    $('.ModeBox')[0].children[10].style.display = "none";
+    $('.ModeBox')[0].children[11].style.display = "none";
+    $('.ModeBox')[0].children[12].style.display = "none";
+    $('.ModeBox')[0].children[13].style.display = "none";
+    $('.ModeBox')[0].children[14].style.display = "none";
+    $('.ModeBox')[0].children[15].style.display = "none";
+  }
+}

python/src/blockly/cocoblockly.js

@@ -1401,7 +1401,7 @@ async function cocoblockly() {
         { selector: "#discnt_icon", delay: 50, position: "top", tooltip: CCB.str_group.disconnect_tooltip },
         { selector: "#code-copy", delay: 500, position: "bottom", tooltip: CCB.str_group.code_copy_tooltip },
         { selector: '#code-download', delay: 500, position: 'bottom', tooltip: CCB.str_group.code_download_tooltip },
-        { selector: '#plugin_download', delay: 1000, position: 'bottom', tooltip: CCB.str_group.plugin_download_tooltip },
+        // { selector: '#plugin_download', delay: 1000, position: 'bottom', tooltip: CCB.str_group.plugin_download_tooltip },
         { selector: '#uploader>.code-header>a.upload_instruction', delay: 500, position: 'top', tooltip: CCB.str_group.upload_instruction_tooltip },
         { selector: '#icon-tool > li:first-child', delay: 1000, position: 'left', tooltip: CCB.str_group.icon_tool_1 },
         { selector: '#icon-tool>li:nth-child(2)', delay: 1000, position: 'left', tooltip: CCB.str_group.icon_tool_2 },