Merge branch 'master' of https://github.com/m5stack/m5-docs

2026-05-20 10:23:01 -07:00 · 2020-09-03 15:54:53 +08:00
parent 6a8040bb16 c628e20d15
commit 3de3103818
23 changed files with 260 additions and 103 deletions
@@ -13,7 +13,8 @@
 }

 a {
-	text-decoration: none !important
+	text-decoration: none !important;
+	color: #007bff;
 }

 img {
@@ -149,8 +149,9 @@ var search_cover = new Vue({
        ],
    },
    methods: {
-        handleClick(tab, event) {
-
+        start_search(){
+            $('#search_cover').show(200);
+            window.zoom_image.stopScroll();
        },
        close_search(){
            $('#search_cover').hide(200);
@@ -159,8 +160,6 @@ var search_cover = new Vue({
    }
 })

-
-
 function anchor_create(anchor_name,anchor_id){
    var page_url = window.location.href;
    var Part_A = `<a data-id="${anchor_id}" onclick="page_move(\'${anchor_id}\')">`;
@@ -296,15 +295,35 @@ function page_position() {
     }
 }

+function search_notice(Enter,resultCount) {
+    if(Enter.length > 0){
+        get_search_keyword(Enter);
+    }else{
+        window.search_cover.contant_result = [
+            {
+                name:'',
+                url:'',
+                contant:search_cover.search_note 
+            }
+        ];
+        $('#product_result')[0].textContent = search_cover.search_note;
+    }
+    if(resultCount == 0) {
+        $('#product_result')[0].textContent = search_cover.search_note;
+    }
+}
+
 function product_search(onEnter_content){
    $(".product_page .item").parent().css("display","inline-block");
    $('#product_result')[0].textContent = "";
    var p = $(".product_page .item .item-title");
    var sku_list = $(".product_page .item .mask_sku");
    var textEnter = onEnter_content.toLocaleLowerCase();
+    var resultCount = 0;
    for (var i=0; i<p.length; i++ ) {
        if((p[i].textContent.toLocaleLowerCase().indexOf(textEnter) != -1)||(sku_list[i].textContent.toLocaleLowerCase().indexOf(textEnter) != -1)||(p[i].dataset.kw.toLocaleLowerCase().indexOf(textEnter) != -1)){
            $('#product_result').append($(".product_page .item").eq(i).clone());
+            resultCount++;
            kw_content = p[i].dataset.kw;
            var kw = "";
            var sku = sku = `--SKU:<span style="color:#007bff;">${sku_list[i].textContent}</span>`;
@@ -335,50 +354,47 @@ function product_search(onEnter_content){
            }
        }
    }
-    if(textEnter.length > 0){
-        get_search_keyword(onEnter_content);
-    }else{
-        window.search_cover.contant_result = [
-            {
-                name:'',
-                url:'',
-                contant:search_cover.search_note 
-            }
-        ];
-        $('#product_result')[0].textContent = search_cover.search_note;
-    }
+    search_notice(textEnter,resultCount);
 }

 function faq_search(onEnter_content){
    var textEnter = onEnter_content.toLocaleLowerCase();
-    $(".search-tips").css("display","block");
-    $(".faq-class").css("display","none");
    var faq_title = $(".faq-item h5");
    $('#product_result')[0].textContent = "";
+    var resultCount = 0;
    for (var i=0; i<faq_title.length; i++ ) {
        if(faq_title[i].textContent.toLocaleLowerCase().indexOf(onEnter_content) != -1){
            $('#product_result').append($(".faq-item").eq(i).clone(true));
+            resultCount++;
        }
    }
-    if(textEnter.length > 0){
-        get_search_keyword(onEnter_content);
-    }else{
-        window.search_cover.contant_result = [
-            {
-                name:'',
-                url:'',
-                contant:search_cover.search_note 
-            }
-        ];
-        $('#product_result')[0].textContent = search_cover.search_note;
+    search_notice(textEnter,resultCount);
+    if(resultCount == 0){
+        $('#product_result').append($(".search-tips").clone().css("display","block"));
    }
 }

+function api_search(onEnter_content){
+    var textEnter = onEnter_content.toLocaleLowerCase();
+    var api_list = $(".el-card__body div");
+    $('#product_result')[0].textContent = "";
+    var resultCount = 0;
+    for (var i=0; i<api_list.length; i++ ) {
+        if(api_list[i].textContent.toLocaleLowerCase().indexOf(onEnter_content) != -1){
+            $('#product_result').append($(".el-card__body div").eq(i).clone(true));
+            resultCount++;
+        }
+    }
+    search_notice(textEnter,resultCount);
+}
+
 function detail_search(onEnter_content){
    var textEnter = onEnter_content.toLocaleLowerCase();
    var contant_list = $('#main p');
    $('#product_result')[0].textContent = "";
+    var resultCount = 0;
    for(var i =0; i<contant_list.length;i++){
+        $('#main p').eq(i).attr('id',`p${i}`)
        var match_test = $('#main p').eq(i).text().toLocaleLowerCase().indexOf(textEnter);
        if(match_test != -1){
            var clone_obj = $('#main p').eq(i).clone(true);
@@ -388,22 +404,12 @@ function detail_search(onEnter_content){
            var kw_part1 = result.substring(0,start);
            var kw_part2 = result.substring(end,);
            result = kw_part1 + `<mark style="box-shadow: 0px 0px 9px 7px #9ed1f68a;">${onEnter_content}</mark>` + kw_part2;
-            clone_obj.html(result)
+            clone_obj.attr('id','').html(`<div onclick="page_move('p${i}');window.search_cover.close_search()" style="cursor: pointer">`+result+'</div>')
            $('#product_result').append(clone_obj);
+            resultCount++;
        }
    }
-    if(textEnter.length > 0){
-        get_search_keyword(onEnter_content);
-    }else{
-        window.search_cover.contant_result = [
-            {
-                name:'',
-                url:'',
-                contant:search_cover.search_note
-            }
-        ];
-        $('#product_result')[0].textContent = search_cover.search_note;
-    }
+    search_notice(textEnter,resultCount);
 }

 function onEnter(event){
@@ -416,21 +422,22 @@ function onEnter(event){
            }, 250); 
 }
  
-  function select_search_page(onEnter_content){
-      link = window.location.href;
-      if(((link.slice(-4) == "/en/")||(link.slice(-7)== "/zh_CN/"))||((link.indexOf(/en/) == -1) && (link.indexOf(/zh_CN/) == -1))){   
-          product_search(onEnter_content);
-      }else if(link.slice(-4) == "/faq"){
-          faq_search(onEnter_content);
-      }else {
-          detail_search(onEnter_content);
-      }
-
-  }
+function select_search_page(onEnter_content){
+    link = window.location.href;
+    if(((link.slice(-4) == "/en/")||(link.slice(-7)== "/zh_CN/"))||((link.indexOf(/en/) == -1) && (link.indexOf(/zh_CN/) == -1))){   
+        product_search(onEnter_content);
+    }else if(link.slice(-4) == "/faq"){
+        faq_search(onEnter_content);
+    }else if(link.slice(-9) == "home_page"){
+        api_search(onEnter_content);
+        console.log(12)
+    }else {
+        detail_search(onEnter_content);
+    }
+}
  var Input = $('form input');
      Input.focusin(function (){
-      $('#search_cover').show(200);
-      window.zoom_image.stopScroll();
+      window.search_cover.start_search();
      Input.animate({width:300});
      var count = 0;
      for(let key  in window.localStorage){
@@ -528,6 +535,7 @@ function change_title(language) {
    $('#product_result')[0].textContent = search_cover.search_note;
 }
 function language(language) {
+    window.header.loading("loading...");
    var test = window.location.href;
    if ((test.indexOf(/en/) == -1) && (test.indexOf(/zh_CN/) == -1) && (test.indexOf(/ja/) == -1)) {
        var test2 = test.concat("", language+"/");
@@ -551,6 +559,7 @@ function language(language) {
    }
    localStorage.clear();
    set_search_keyword();
+    window.header.done();
 }
 function use_jpg() {
    pics = $("img");
@@ -622,7 +631,7 @@ function page_move(divId) {
    try {
        var t = $("#" + divId).offset().top;
        $('html, body').animate({
-            scrollTop: (t - 100)
+            scrollTop: (t - 120)
        }, 500);
    }catch(err){

@@ -2,7 +2,7 @@ const description_icon='<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
 var zoom_image=new Vue({el:'#zoom_image',data:{url:'',srcList:[],show:false,index:0,rotate:0,width:580,scale:1},methods:{stopScroll(){var mo=function(e){e.preventDefault();};document.body.style.overflow='hidden';document.addEventListener("touchmove",mo,false);},canScroll(){var mo=function(e){e.preventDefault();};document.body.style.overflow='';document.removeEventListener("touchmove",mo,false);},close(){this.show=false;this.index=0;this.rotate=0;this.width=550;this.scale=1;this.canScroll();},next(){if(this.index>=this.srcList.length){this.index=0;}else{this.index++;}
 this.url=this.srcList[this.index]},prev(){if(this.index<=0){this.index=this.srcList.length-1;}else{this.index--;}
 this.url=this.srcList[this.index]},left(){this.rotate=this.rotate-90;},right(){this.rotate=this.rotate+90;},zoom_in(){this.width=this.width+50},zoom_out(){this.width=this.width-50},full(){this.width=this.width=800},rollImg(){if(event.wheelDelta>0){this.scale=this.scale+0.05;}else{this.scale=this.scale-0.05;}}},computed:{img_style:function(){return`transition:all 0.2s ease 0s;transform: scale(${this.scale}) rotate(${this.rotate}deg); margin-left: 0px; margin-top: 0px; max-height: 100%; max-width: 100%; width:${this.width}px;`}}})
-var search_cover=new Vue({el:'#search_cover',data:{activeName:'first',current_page_title:'',related_page_title:'',search_note:'',contant_result:[{name:'',url:'',contant:this.search_note}],},methods:{handleClick(tab,event){},close_search(){$('#search_cover').hide(200);window.zoom_image.canScroll();}}})
+var search_cover=new Vue({el:'#search_cover',data:{activeName:'first',current_page_title:'',related_page_title:'',search_note:'',contant_result:[{name:'',url:'',contant:this.search_note}],},methods:{start_search(){$('#search_cover').show(200);window.zoom_image.stopScroll();},close_search(){$('#search_cover').hide(200);window.zoom_image.canScroll();}}})
 function anchor_create(anchor_name,anchor_id){var page_url=window.location.href;var Part_A=`<a data-id="${anchor_id}" onclick="page_move(\'${anchor_id}\')">`;var Part_B=`<span style="padding: 8px 0px;">${anchor_name}</span></a>`;if((anchor_name=="DESCRIPTION")||(anchor_name=="描述")){$(".anchor-box").append(Part_A+description_icon+Part_B);}
 else if((anchor_name=="EXAMPLE")||(anchor_name=="案例程序")){$(".anchor-box").append(Part_A+example_icon+Part_B);}
 else if((anchor_name=="SCHEMATIC")||(anchor_name=="原理图")){$(".anchor-box").append(Part_A+schematic_icon+Part_B);}
@@ -29,26 +29,31 @@ for(var i=0;i<anchor_list.length;i++){if(anchor_scroll(anchor_list[i].id.toUpper
 scrollFunc();if(document.attachEvent){document.attachEvent('onmousewheel',scrollFunc);}
 if(document.addEventListener){document.addEventListener('DOMMouseScroll',scrollFunc,false);}
 window.onscroll=scrollFunc;function page_position(){var page_url=window.location.href;if(page_url.indexOf('id=')!=-1){page_move(page_url.slice(page_url.indexOf('id=')+3,));}}
-function product_search(onEnter_content){$(".product_page .item").parent().css("display","inline-block");$('#product_result')[0].textContent="";var p=$(".product_page .item .item-title");var sku_list=$(".product_page .item .mask_sku");var textEnter=onEnter_content.toLocaleLowerCase();for(var i=0;i<p.length;i++){if((p[i].textContent.toLocaleLowerCase().indexOf(textEnter)!=-1)||(sku_list[i].textContent.toLocaleLowerCase().indexOf(textEnter)!=-1)||(p[i].dataset.kw.toLocaleLowerCase().indexOf(textEnter)!=-1)){$('#product_result').append($(".product_page .item").eq(i).clone());kw_content=p[i].dataset.kw;var kw="";var sku=sku=`--SKU:<span style="color:#007bff;">${sku_list[i].textContent}</span>`;if(kw_content.toLocaleLowerCase().indexOf(textEnter)!=-1){var kw_index=kw_content.toLocaleLowerCase().indexOf(textEnter);var kw_index_start=(function(){for(var index=kw_index;index>=0;index--){if((kw_content[index]==" ")||(index==0)){return index;}}})();var kw_index_end=(function(){for(var index=kw_index;index<=kw_content.length;index++){if((kw_content[index]==" ")||(index==kw_content.length)){return index;}}})();var kw_part1=kw_content.substring(0,kw_index_start);var kw_part2=kw_content.substring(kw_index_end,);var kw_part3=kw_content.substring(kw_index_start,kw_index_end);kw=`--<span style="color:#007bff;">${kw_part3}</span> ${kw_part1}${kw_part2}`}
+function search_notice(Enter,resultCount){if(Enter.length>0){get_search_keyword(Enter);}else{window.search_cover.contant_result=[{name:'',url:'',contant:search_cover.search_note}];$('#product_result')[0].textContent=search_cover.search_note;}
+if(resultCount==0){$('#product_result')[0].textContent=search_cover.search_note;}}
+function product_search(onEnter_content){$(".product_page .item").parent().css("display","inline-block");$('#product_result')[0].textContent="";var p=$(".product_page .item .item-title");var sku_list=$(".product_page .item .mask_sku");var textEnter=onEnter_content.toLocaleLowerCase();var resultCount=0;for(var i=0;i<p.length;i++){if((p[i].textContent.toLocaleLowerCase().indexOf(textEnter)!=-1)||(sku_list[i].textContent.toLocaleLowerCase().indexOf(textEnter)!=-1)||(p[i].dataset.kw.toLocaleLowerCase().indexOf(textEnter)!=-1)){$('#product_result').append($(".product_page .item").eq(i).clone());resultCount++;kw_content=p[i].dataset.kw;var kw="";var sku=sku=`--SKU:<span style="color:#007bff;">${sku_list[i].textContent}</span>`;if(kw_content.toLocaleLowerCase().indexOf(textEnter)!=-1){var kw_index=kw_content.toLocaleLowerCase().indexOf(textEnter);var kw_index_start=(function(){for(var index=kw_index;index>=0;index--){if((kw_content[index]==" ")||(index==0)){return index;}}})();var kw_index_end=(function(){for(var index=kw_index;index<=kw_content.length;index++){if((kw_content[index]==" ")||(index==kw_content.length)){return index;}}})();var kw_part1=kw_content.substring(0,kw_index_start);var kw_part2=kw_content.substring(kw_index_end,);var kw_part3=kw_content.substring(kw_index_start,kw_index_end);kw=`--<span style="color:#007bff;">${kw_part3}</span> ${kw_part1}${kw_part2}`}
 if(textEnter!=""){}else{$(".product_page .item").parent().css("display","block");}}}
-if(textEnter.length>0){get_search_keyword(onEnter_content);}else{window.search_cover.contant_result=[{name:'',url:'',contant:search_cover.search_note}];$('#product_result')[0].textContent=search_cover.search_note;}}
-function faq_search(onEnter_content){var textEnter=onEnter_content.toLocaleLowerCase();$(".search-tips").css("display","block");$(".faq-class").css("display","none");var faq_title=$(".faq-item h5");$('#product_result')[0].textContent="";for(var i=0;i<faq_title.length;i++){if(faq_title[i].textContent.toLocaleLowerCase().indexOf(onEnter_content)!=-1){$('#product_result').append($(".faq-item").eq(i).clone(true));}}
-if(textEnter.length>0){get_search_keyword(onEnter_content);}else{window.search_cover.contant_result=[{name:'',url:'',contant:search_cover.search_note}];$('#product_result')[0].textContent=search_cover.search_note;}}
-function detail_search(onEnter_content){var textEnter=onEnter_content.toLocaleLowerCase();var contant_list=$('#main p');$('#product_result')[0].textContent="";for(var i=0;i<contant_list.length;i++){var match_test=$('#main p').eq(i).text().toLocaleLowerCase().indexOf(textEnter);if(match_test!=-1){var clone_obj=$('#main p').eq(i).clone(true);var start=match_test;var end=match_test+textEnter.length;var result=clone_obj.text()
-var kw_part1=result.substring(0,start);var kw_part2=result.substring(end,);result=kw_part1+`<mark style="box-shadow: 0px 0px 9px 7px #9ed1f68a;">${onEnter_content}</mark>`+kw_part2;clone_obj.html(result)
-$('#product_result').append(clone_obj);}}
-if(textEnter.length>0){get_search_keyword(onEnter_content);}else{window.search_cover.contant_result=[{name:'',url:'',contant:search_cover.search_note}];$('#product_result')[0].textContent=search_cover.search_note;}}
+search_notice(textEnter,resultCount);}
+function faq_search(onEnter_content){var textEnter=onEnter_content.toLocaleLowerCase();var faq_title=$(".faq-item h5");$('#product_result')[0].textContent="";var resultCount=0;for(var i=0;i<faq_title.length;i++){if(faq_title[i].textContent.toLocaleLowerCase().indexOf(onEnter_content)!=-1){$('#product_result').append($(".faq-item").eq(i).clone(true));resultCount++;}}
+search_notice(textEnter,resultCount);if(resultCount==0){$('#product_result').append($(".search-tips").clone().css("display","block"));}}
+function api_search(onEnter_content){var textEnter=onEnter_content.toLocaleLowerCase();var api_list=$(".el-card__body div");$('#product_result')[0].textContent="";var resultCount=0;for(var i=0;i<api_list.length;i++){if(api_list[i].textContent.toLocaleLowerCase().indexOf(onEnter_content)!=-1){$('#product_result').append($(".el-card__body div").eq(i).clone(true));resultCount++;}}
+search_notice(textEnter,resultCount);}
+function detail_search(onEnter_content){var textEnter=onEnter_content.toLocaleLowerCase();var contant_list=$('#main p');$('#product_result')[0].textContent="";var resultCount=0;for(var i=0;i<contant_list.length;i++){$('#main p').eq(i).attr('id',`p${i}`)
+var match_test=$('#main p').eq(i).text().toLocaleLowerCase().indexOf(textEnter);if(match_test!=-1){var clone_obj=$('#main p').eq(i).clone(true);var start=match_test;var end=match_test+textEnter.length;var result=clone_obj.text()
+var kw_part1=result.substring(0,start);var kw_part2=result.substring(end,);result=kw_part1+`<mark style="box-shadow: 0px 0px 9px 7px #9ed1f68a;">${onEnter_content}</mark>`+kw_part2;clone_obj.attr('id','').html(`<div onclick="page_move('p${i}');window.search_cover.close_search()" style="cursor: pointer">`+result+'</div>')
+$('#product_result').append(clone_obj);resultCount++;}}
+search_notice(textEnter,resultCount);}
 function onEnter(event){timer=setTimeout(function(){var onEnter_content=event.target.value.toLowerCase();select_search_page(onEnter_content);clearTimeout(timer);timer=null;},250);}
-function select_search_page(onEnter_content){link=window.location.href;if(((link.slice(-4)=="/en/")||(link.slice(-7)=="/zh_CN/"))||((link.indexOf(/en/)==-1)&&(link.indexOf(/zh_CN/)==-1))){product_search(onEnter_content);}else if(link.slice(-4)=="/faq"){faq_search(onEnter_content);}else{detail_search(onEnter_content);}}
-var Input=$('form input');Input.focusin(function(){$('#search_cover').show(200);window.zoom_image.stopScroll();Input.animate({width:300});var count=0;for(let key in window.localStorage){var current_url=window.location.href;if(((current_url.indexOf("/en/")!=-1)&&(key.indexOf("/en/")!=-1))){count++;if(count>5){break;}}else if(((current_url.indexOf("/zh_CN/")!=-1)&&(key.indexOf("/zh_CN/")!=-1))){count++;if(count>5){break;}}else{localStorage.clear();set_search_keyword();break;}}});Input.focusout(function(){Input.animate({width:240});$(".item").css("z-index","30");setTimeout(function(){},160);});function select(event){var s=event.textContent.toLowerCase();$("#thetarget").removeClass("show");$(".btn-group-vertical button").addClass("btn-light");$(event).removeClass("btn-light");$(event).addClass("btn-primary");page_move(s);}
+function select_search_page(onEnter_content){link=window.location.href;if(((link.slice(-4)=="/en/")||(link.slice(-7)=="/zh_CN/"))||((link.indexOf(/en/)==-1)&&(link.indexOf(/zh_CN/)==-1))){product_search(onEnter_content);}else if(link.slice(-4)=="/faq"){faq_search(onEnter_content);}else if(link.slice(-9)=="home_page"){api_search(onEnter_content);console.log(12)}else{detail_search(onEnter_content);}}
+var Input=$('form input');Input.focusin(function(){window.search_cover.start_search();Input.animate({width:300});var count=0;for(let key in window.localStorage){var current_url=window.location.href;if(((current_url.indexOf("/en/")!=-1)&&(key.indexOf("/en/")!=-1))){count++;if(count>5){break;}}else if(((current_url.indexOf("/zh_CN/")!=-1)&&(key.indexOf("/zh_CN/")!=-1))){count++;if(count>5){break;}}else{localStorage.clear();set_search_keyword();break;}}});Input.focusout(function(){Input.animate({width:240});$(".item").css("z-index","30");setTimeout(function(){},160);});function select(event){var s=event.textContent.toLowerCase();$("#thetarget").removeClass("show");$(".btn-group-vertical button").addClass("btn-light");$(event).removeClass("btn-light");$(event).addClass("btn-primary");page_move(s);}
 $(document).ready(function(){});function change_title(language){if(language=="en"){header.platform={UIFlow:"#/en/uiflow/uiflow_home_page",Arduino:"#/en/arduino/arduino_home_page",MicroPython:"https://github.com/m5stack/UIFlow-Code",FreeRTOS:"#/en/quick_start/m5stickc/m5stickc_quick_start_with_AWS-FreeRTOS_Windows"}
 header.case_link="#/en/case";header.faq_link="#/en/faq";header.i2c_table="I2C Address Table";header.comparison_table="Product Comparison";header.homepage_title="Product List";header.product_list_title="Product";header.language_list_title="Language";header.platform_list_title="Platform|API";header.faq_title="FAQ";header.case_title="Cases";header.pdf_notify="Creating PDF.....";search_cover.search_note="No relevant information was found, please enter product keywords and search again.";search_cover.current_page_title="Current Page";search_cover.related_page_title="Related Page";}
 if(language=="zh_CN"){header.platform={UIFlow:"#/zh_CN/uiflow/uiflow_home_page",Arduino:"#/zh_CN/arduino/arduino_home_page",MicroPython:"https://github.com/m5stack/UIFlow-Code",FreeRTOS:"#/zh_CN/quick_start/m5stickc/m5stickc_quick_start_with_AWS-FreeRTOS_Windows"}
 header.case_link="#/zh_CN/case";header.faq_link="#/zh_CN/faq";header.i2c_table="I2C地址表格";header.comparison_table="产品比较说明";header.homepage_title="产品列表";header.product_list_title="产品信息";header.language_list_title="切换语言";header.platform_list_title="编程平台|API";header.faq_title="常见问题";header.case_title="社区案例";header.pdf_notify="正在生成PDF，请稍等。";search_cover.search_note="没有搜索到相关信息，请输入产品关键字，重新进行搜索";search_cover.current_page_title="当前页面";search_cover.related_page_title="相关页面";}
 window.search_cover.contant_result=[{name:'',url:'',contant:search_cover.search_note}];$('#product_result')[0].textContent=search_cover.search_note;}
-function language(language){var test=window.location.href;if((test.indexOf(/en/)==-1)&&(test.indexOf(/zh_CN/)==-1)&&(test.indexOf(/ja/)==-1)){var test2=test.concat("",language+"/");window.location.href=test2;change_title(language);}
+function language(language){window.header.loading("loading...");var test=window.location.href;if((test.indexOf(/en/)==-1)&&(test.indexOf(/zh_CN/)==-1)&&(test.indexOf(/ja/)==-1)){var test2=test.concat("",language+"/");window.location.href=test2;change_title(language);}
 if(test.indexOf(/en/)!=-1){var test2=test.replace(/en/,language);window.location.href=test2;change_title(language);}else if(test.indexOf(/zh_CN/)!=-1){var test2=test.replace(/zh_CN/,language);window.location.href=test2;change_title(language);}else if(test.indexOf(/ja/)!=-1){var test2=test.replace(/ja/,language);window.location.href=test2;change_title(language);}
-localStorage.clear();set_search_keyword();}
+localStorage.clear();set_search_keyword();window.header.done();}
 function use_jpg(){pics=$("img");var page_url=window.location.href;for(var i=0;i<pics.length;i++){if((page_url.slice(-4)=="/en/")||(page_url.slice(-7)=="/zh_CN/")||(page_url.slice(-3)=="/#/")){if(pics[i].src.indexOf(".webp")!=-1){var path=pics[i].src.substr(0,pics[i].src.indexOf(".webp"));pics[i].src=path+".jpg"}}else{if(pics[i].src.indexOf(".webp")!=-1){if(pics[i].src.indexOf("m5stack.oss")!=-1){var path=pics[i].src.substr(0,pics[i].src.indexOf(".webp"));pics[i].src=path+".jpg"}else{if(pics[i].src.indexOf("assets")!=-1){var path=pics[i].src.substr(pics[i].src.indexOf("assets"),);pics[i].src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/product_jpg/"+path.replace(".webp",".jpg");}else if(pics[i].src.indexOf("image/")!=-1){var path=pics[i].src.substr(pics[i].src.indexOf("image"),);pics[i].src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/product_jpg/"+path.replace(".webp",".jpg");}}}}}}
 function page_loading(){var page_url=window.location.href;if((page_url.indexOf(/en/)==-1)&&(page_url.indexOf(/zh_CN/)==-1)&&(page_url.indexOf(/ja/)==-1)){change_title('en');}
 if(page_url.indexOf(/en/)!=-1){change_title('en');}
@@ -58,7 +63,7 @@ function isSupportWebp(){if(document.createElement('canvas').toDataURL('image/we
 use_jpg();}
 function img_zoom(){$('#main img').on('click',function(){if(this.dataset.noZoom!=''){window.zoom_image.url=this.src;window.zoom_image.srcList.push(this.src);for(var i=0;i<$('#main img').length;i++){if(window.zoom_image.srcList.indexOf($('#main img')[i].src)==-1){window.zoom_image.srcList.push($('#main img')[i].src);}}
 window.zoom_image.show=true;window.zoom_image.stopScroll();}})}
-function page_move(divId){try{var t=$("#"+divId).offset().top;$('html, body').animate({scrollTop:(t-100)},500);}catch(err){}}
+function page_move(divId){try{var t=$("#"+divId).offset().top;$('html, body').animate({scrollTop:(t-120)},500);}catch(err){}}
 window.onhashchange=page_loading
 page_loading();function creat_pdf(){window.header.loading(window.header.pdf_notify);window.header.$notify({title:'M5Stack-Docs',message:window.header.pdf_notify,offset:150});$('html, body').animate({scrollTop:0},0);$(".anchor-box").css("display","none");$(".related_links").css("display","none");$(".easyloader-box").css("display","none");var target=document.getElementsByTagName('body');html2canvas(target,{useCORS:true,logging:true,scale:2,background:'#FFFFFF',onrendered:function(canvas){var contentWidth=canvas.width;var contentHeight=canvas.height;var pageHeight=contentWidth/592.28*841.89;var leftHeight=contentHeight;var position=0;var imgWidth=595.28;var imgHeight=592.28/contentWidth*contentHeight;var pageData=canvas.toDataURL('image/jpeg',1.0);var pdf=new jsPDF('','pt','a4');if(leftHeight<pageHeight){pdf.addImage(pageData,'JPEG',0,0,imgWidth,imgHeight);}else{while(leftHeight>0){pdf.addImage(pageData,'JPEG',0,position,imgWidth,imgHeight)
 leftHeight-=pageHeight;position-=841.89;if(leftHeight>0){pdf.addPage();}}}
@@ -3697,29 +3697,29 @@ var position_times = 0;
   * Compile sidebar
   */
  Compiler.prototype.sidebar = function sidebar (text, level) {
-    var ref = this;
-      var toc = ref.toc;
-    var currentPath = this.router.getCurrentPath();
-    var html = '';
+    // var ref = this;
+    //   var toc = ref.toc;
+    // var currentPath = this.router.getCurrentPath();
+    // var html = '';
  
-    if (text) {
-      html = this.compile(text);
-    } else {
-      for (var i = 0; i < toc.length; i++) {
-        if (toc[i].ignoreSubHeading) {
-          var deletedHeaderLevel = toc[i].level;
-          toc.splice(i, 1);
-          // Remove headers who are under current header
-          for (var j = i; deletedHeaderLevel < toc[j].level && j < toc.length; j++) {
-            toc.splice(j, 1) && j-- && i++;
-          }
-          i--;
-        }
-      }
-      var tree$$1 = this.cacheTree[currentPath] || genTree(toc, level);
-      html = tree(tree$$1, '<ul>{inner}</ul>');
-      this.cacheTree[currentPath] = tree$$1;
-    }
+    // if (text) {
+    //   html = this.compile(text);
+    // } else {
+    //   for (var i = 0; i < toc.length; i++) {
+    //     if (toc[i].ignoreSubHeading) {
+    //       var deletedHeaderLevel = toc[i].level;
+    //       toc.splice(i, 1);
+    //       // Remove headers who are under current header
+    //       for (var j = i; deletedHeaderLevel < toc[j].level && j < toc.length; j++) {
+    //         toc.splice(j, 1) && j-- && i++;
+    //       }
+    //       i--;
+    //     }
+    //   }
+    //   var tree$$1 = this.cacheTree[currentPath] || genTree(toc, level);
+    //   html = tree(tree$$1, '<ul>{inner}</ul>');
+    //   this.cacheTree[currentPath] = tree$$1;
+    // }
  
  //   return html
    return '';
@@ -329,10 +329,7 @@ return result};origin.image=renderer.image=function(href,title,text){var url=hre
 if(title){attrs+=" title=\""+title+"\"";}
 var size=config.size;if(size){var sizes=size.split('x');if(sizes[1]){attrs+='width='+sizes[0]+' height='+sizes[1];}else{attrs+='width='+sizes[0];}}
 if(!isAbsolutePath(href)){url=getPath(contentBase,getParentPath(router.getCurrentPath()),href);}
-return("<img src=\""+url+"\"data-origin=\""+href+"\" alt=\""+text+"\""+attrs+">")};origin.list=renderer.list=function(body,ordered,start){var isTaskList=/<li class="task-list-item">/.test(body.split('class="task-list"')[0]);var isStartReq=start&&start>1;var tag=ordered?'ol':'ul';var tagAttrs=[(isTaskList?'class="task-list"':''),(isStartReq?("start=\""+start+"\""):'')].join(' ').trim();return("<"+tag+" "+tagAttrs+">"+body+"</"+tag+">")};origin.listitem=renderer.listitem=function(text){var isTaskItem=/^(<input.*type="checkbox"[^>]*>)/.test(text);var html=isTaskItem?("<li class=\"task-list-item\"><label>"+text+"</label></li>"):("<li>"+text+"</li>");return html};renderer.origin=origin;return renderer};Compiler.prototype.sidebar=function sidebar(text,level){var ref=this;var toc=ref.toc;var currentPath=this.router.getCurrentPath();var html='';if(text){html=this.compile(text);}else{for(var i=0;i<toc.length;i++){if(toc[i].ignoreSubHeading){var deletedHeaderLevel=toc[i].level;toc.splice(i,1);for(var j=i;deletedHeaderLevel<toc[j].level&&j<toc.length;j++){toc.splice(j,1)&&j--&&i++;}
-i--;}}
-var tree$$1=this.cacheTree[currentPath]||genTree(toc,level);html=tree(tree$$1,'<ul>{inner}</ul>');this.cacheTree[currentPath]=tree$$1;}
-return'';};Compiler.prototype.subSidebar=function subSidebar(level){if(!level){this.toc=[];return}
+return("<img src=\""+url+"\"data-origin=\""+href+"\" alt=\""+text+"\""+attrs+">")};origin.list=renderer.list=function(body,ordered,start){var isTaskList=/<li class="task-list-item">/.test(body.split('class="task-list"')[0]);var isStartReq=start&&start>1;var tag=ordered?'ol':'ul';var tagAttrs=[(isTaskList?'class="task-list"':''),(isStartReq?("start=\""+start+"\""):'')].join(' ').trim();return("<"+tag+" "+tagAttrs+">"+body+"</"+tag+">")};origin.listitem=renderer.listitem=function(text){var isTaskItem=/^(<input.*type="checkbox"[^>]*>)/.test(text);var html=isTaskItem?("<li class=\"task-list-item\"><label>"+text+"</label></li>"):("<li>"+text+"</li>");return html};renderer.origin=origin;return renderer};Compiler.prototype.sidebar=function sidebar(text,level){return'';};Compiler.prototype.subSidebar=function subSidebar(level){if(!level){this.toc=[];return}
 var currentPath=this.router.getCurrentPath();var ref=this;var cacheTree=ref.cacheTree;var toc=ref.toc;toc[0]&&toc[0].ignoreAllSubs&&toc.splice(0);toc[0]&&toc[0].level===1&&toc.shift();for(var i=0;i<toc.length;i++){toc[i].ignoreSubHeading&&toc.splice(i,1)&&i--;}
 var tree$$1=cacheTree[currentPath]||genTree(toc,level);cacheTree[currentPath]=tree$$1;this.toc=[];return tree(tree$$1)};Compiler.prototype.article=function article(text){return this.compile(text)};Compiler.prototype.cover=function cover$$1(text){var cacheToc=this.toc.slice();var html=this.compile(text);this.toc=cacheToc.slice();return html};var title=$.title;function btn(el){var toggle=function(_){return body.classList.toggle('close');};el=getNode(el);if(el==null){return}
 on(el,'click',function(e){e.stopPropagation();toggle();});isMobile&&on(body,'click',function(_){return body.classList.contains('close')&&toggle();});}
@@ -1,6 +1,6 @@
 # Base BTC

-<el-tag effect="plain">SKU:A011-B</el-tag>
+<el-tag effect="plain">SKU:A011/A011-B</el-tag>

 <div class="product_pic"><img src="assets/img/product_pics/module/module_btc_01.webp"><img src="assets/img/product_pics/module/module_btc_02.webp"></div>

@@ -0,0 +1,61 @@
+# Camera-Tool Getting Started
+
+## Software Introduction
+
+>Camera-Tool is used to control Timer-CAM for photo shooting，currently it supports both Serial port connecting and WiFi connection mode.
+
+
+## Downloading
+
+>Click below image for downloading Camera-Tool ( currently only windows10 version is available)
+
+<div class="files_download">
+   <p class="item">
+      <a href="https://m5stack.oss-cn-shenzhen.aliyuncs.com/resource/software/cameraTools_V0.01.exe">
+      <img src="/image/base/Windows_logo.webp" width="50">
+      <span class="item-title">Windows10</span>
+      </a>
+   </p>
+</div>
+
+## Firmware Burning
+
+>`Open the software`-->`Connect the equipment to the computer`-->`Choose the corresponding port`-->Click`Burner`to start burning-->Burning is finished once the`successful`notification pop up.
+
+<img src="assets\img\quick_start\timer_cam\camera_tool_01.webp" width="550px">
+<img src="assets\img\quick_start\timer_cam\camera_tool_02.webp" width="550px">
+
+## Serial Mode
+
+>Under the serial mode, the equipment access the computer via USB connecting and visit the serial port of the equipment or get images by Camera-Tool. 
+
+<img src="assets\img\quick_start\timer_cam\camera_tool_03.webp">
+
+## WIFI mode
+
+>Change over to `HTTP` tap so that the mode can be switched to `WiFi-HTTP`. Fill in `WiFi information` in the pop-up configuration box and click `ok`. After the configuration is completed, the HTTP tab of the host computer will display the IP address of the current camera and connect to the camera in WiFi mode.
+
+<img src="assets\img\quick_start\timer_cam\camera_tool_04.webp">
+
+?>In WiFi mode, the devices which are in the same local area network can fill in the device IP/get images through host computer software. At the same time, only one host computer is allowed to connect. The IP address will be shown in the enter box after the serial mode is being activated. You can also check via serial tools. 
+
+<img src="assets\img\quick_start\timer_cam\camera_tool_05.webp">
+
+
+## Shooting Pictures
+
+>Click the folding switch can open up the photoing operation menu. The operation bar provides functions of `shooting`, `time-lapse shooting` and `setting save path for picture`
+
+<img src="assets\img\quick_start\timer_cam\camera_tool_06.webp">
+
+
+## Parameter Adjusting
+
+>The configured menu on the left provides a series of image parameter settings for adjusting the imaging effect of the picture.
+
+<img src="assets\img\quick_start\timer_cam\camera_tool_07.webp">
+
+<script>
+   anchor_search();
+   scrollFunc();
+</script>
@@ -0,0 +1,12 @@
+<div class="platform-box">
+  <div class="platform-item" style="overflow:visible;">
+    <img src="assets\img\quickstart_en.webp" width="300px" data-no-zoom>
+  </div>
+  <div class="platform-item">
+    <img src="assets\img\quick_start\timer_cam\camera_tool_card.webp" width="300px" data-no-zoom>
+    <a href="/#/en/quick_start/timer_cam/quick_start_cameratool">
+      <h3>Camera-Tool</h3>
+      <div class="platform-tag"></div>
+    </a>
+  </div>
+</div>
@@ -32,7 +32,7 @@
            <div id="close_search" @click="close_search">
                <i class="el-icon-circle-close" style="color: rgb(15 16 16 / 78%);border-radius: 50%;"></i>
            </div>
-            <el-tabs v-model="activeName" @tab-click="handleClick">
+            <el-tabs v-model="activeName">
                <el-tab-pane :label="current_page_title" name="first">
                    <div id="product_result"></div>
                </el-tab-pane>
@@ -677,7 +677,7 @@ lcd.drawPixel(22,22,lcd.RED)
 M5.Lcd.drawFastHLine(0, 0, 12, TFT_GREEN);
 ```

-## drawFastVLine()
+## drawFastHLine()

 **功能:**

--- a/Show More
+++ b/Show More