m5/m5-docs
0
0
Fork 0
mirror of https://github.com/m5stack/m5-docs.git synced 2026-05-20 10:23:01 -07:00
Code Issues Packages Projects Releases Wiki Activity

add tutorial page anchor srollFunc

Browse Source
This commit is contained in:
Gitshaoxiang
2020-03-11 20:04:49 +08:00
parent eaee44a99a
commit 369856a289
4 changed files with 70 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
docs/en/core/m5stickt.md
+22 -6
View File
@@ -84,13 +84,29 @@ Press the reset button to power on. The default display screen is RGB display mo
## EasyLoader
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/EasyLoader_logo.png" width="100px" style="margin-top:20px">
>EasyLoader is a concise and fast program writer, which has a built-in case program related to the product. It can be burned to the main control by simple steps to perform a series of function verification. Please install the corresponding driver according to the device type. M5Core host [Please click here to view the CP210X driver installation tutorial](en/arduino/arduino_development), M5StickC/V/T/ATOM series can be used without driver)
<a href="https://m5stack.oss-cn-shenzhen.aliyuncs.com/EasyLoader/M5Core/M5StickT/StickT.exe"><button type="button" class="btn btn-primary">click to download EasyLoader</button></a>
>1.EasyLoader is a simple and fast program burner. Every product page in EasyLoader provides a product-related case program. It can be burned to the master through simple steps, and a series of function verification can be performed.(**Currently EasyLoader is only available for Windows OS**)
>2.After downloading the software, double-click to run the application, connect the M5 device to the computer via the data cable, select the port parameters, and click **"Burn"** to start burning.
<div class="easyloader-box">
<div style="background-color:white;">
<div><img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/easyloader_intro.jpg"></div>
<div class="easyloader-btn">
<a href="https://m5stack.oss-cn-shenzhen.aliyuncs.com/EasyLoader/Windows/CORE/EasyLoader_M5StickT_FactoryTest.exe">Windows</a>
<!-- <a>Linux</a>
<a>MacOS</a> -->
</div>
</div>
<div>
<video id="example_video" controls>
<source src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/video/Product_example_video/Core/StickT.mp4" type="video/mp4">
</video>
<div class="easyloader-mask">
<a>
<svg id="play-btn" t="1583228776634" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4152" width="75" height="75"><path d="M512 0C229.216 0 0 229.216 0 512s229.216 512 512 512 512-229.216 512-512S794.784 0 512 0z m0 928C282.24 928 96 741.76 96 512S282.24 96 512 96s416 186.24 416 416-186.24 416-416 416zM384 288l384 224-384 224z" p-id="4153" fill="#007aff"></path></svg></a>
<p>Description:</p>
<p>Thermal imaging operation instructions: A button to switch tracking mode, B button to switch display mode, dial to adjust sensitivity.</p>
</div>
</div>
</div>
## PinMap
docs/en/core/m5stickv.md
+22 -6
View File
@@ -171,13 +171,29 @@ M5StickV does not currently recognize all types of SD cards. We have tested some
## EasyLoader
<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/EasyLoader_logo.png" width="100px" style="margin-top:20px">
>EasyLoader is a concise and fast program writer, which has a built-in case program related to the product. It can be burned to the main control by simple steps to perform a series of function verification. Please install the corresponding driver according to the device type. M5Core host [Please click here to view the CP210X driver installation tutorial](en/arduino/arduino_development), M5StickC/V/T/ATOM series can be used without driver)
<a href="https://m5stack.oss-cn-shenzhen.aliyuncs.com/EasyLoader/M5Core/M5StickV/EasyLoader_M5StickV_1022_beta.exe"><button type="button" class="btn btn-primary">click to download EasyLoader</button></a>
>1.EasyLoader is a simple and fast program burner. Every product page in EasyLoader provides a product-related case program. It can be burned to the master through simple steps, and a series of function verification can be performed.(**Currently EasyLoader is only available for Windows OS**)
>2.After downloading the software, double-click to run the application, connect the M5 device to the computer via the data cable, select the port parameters, and click **"Burn"** to start burning.
<div class="easyloader-box">
<div style="background-color:white;">
<div><img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/easyloader_intro.jpg"></div>
<div class="easyloader-btn">
<a href="https://m5stack.oss-cn-shenzhen.aliyuncs.com/EasyLoader/Windows/CORE/EasyLoader_M5StickV_v191022.exe">Windows</a>
<!-- <a>Linux</a>
<a>MacOS</a> -->
</div>
</div>
<div>
<video id="example_video" controls>
<source src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/video/Product_example_video/Core/M5StickV.mp4" type="video/mp4">
</video>
<div class="easyloader-mask">
<a>
<svg id="play-btn" t="1583228776634" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4152" width="75" height="75"><path d="M512 0C229.216 0 0 229.216 0 512s229.216 512 512 512 512-229.216 512-512S794.784 0 512 0z m0 928C282.24 928 96 741.76 96 512S282.24 96 512 96s416 186.24 416 416-186.24 416-416 416zM384 288l384 224-384 224z" p-id="4153" fill="#007aff"></path></svg></a>
<p>Description:</p>
<p>Equipped with Maixpy firmware, test camera, screen graphics display function, and then press the HOME button to turn on the rear fill light.</p>
</div>
</div>
</div>
### FUNCTIONAL DESCRIPTION
docs/index.html
+13 -1
View File
@@ -394,7 +394,9 @@
})
}
}else if((page_url.indexOf(/uiflow/) != -1)||(page_url.indexOf(/arduino/) != -1)){
$(".anchor-box").append(Part_A+quickstart_icon+Part_B);
// <marquee direction="right">我向右滚动</marquee>
// $(".anchor-box").append(Part_A+quickstart_icon+Part_B);
$(".anchor-box").append(Part_A+quickstart_icon+'<marquee scrollamount="2" behavior="alternate"><span style="line-height: 35px;">'+anchor_name.toUpperCase()+'</span></marquee></a>');
}
}
function anchor_search(purchase_link="none",quickstart_link="none"){
@@ -427,6 +429,7 @@
}
function anchor_scroll(anchor_name,anchor_id,anchor_length){
var page_url = window.location.href;
var offset = $("#"+anchor_id).offset().top + $("#"+anchor_id).height() - $(window).scrollTop();
if((offset > 100)&&(offset < ($("#"+anchor_id).height()+700))){
for (var i= 0; i< anchor_length; i++){
@@ -434,6 +437,15 @@
$(".anchor-box a").addClass("anchor-quiet");
$(".anchor-box a").eq(i).removeClass("anchor-quiet");
$(".anchor-box a").eq(i).addClass("anchor-active");
if((page_url.indexOf(/uiflow/) != -1)||(page_url.indexOf(/arduino/) != -1)){
var marquee_status1 = $(".anchor-box a marquee").eq(i).attr("scrollamount");
$(".anchor-box a marquee").attr("scrollamount","0");
$(".anchor-box a marquee").eq(i).attr("scrollamount","2");
var marquee_status2 = $(".anchor-box a marquee").eq(i).attr("scrollamount");
if(marquee_status1 != marquee_status2){
$(".anchor-box a marquee").eq(i)[0].start();
}
}
return true
}
}
docs/index_source.html
+13 -1
View File
@@ -394,7 +394,9 @@
})
}
}else if((page_url.indexOf(/uiflow/) != -1)||(page_url.indexOf(/arduino/) != -1)){
$(".anchor-box").append(Part_A+quickstart_icon+Part_B);
// <marquee direction="right">我向右滚动</marquee>
// $(".anchor-box").append(Part_A+quickstart_icon+Part_B);
$(".anchor-box").append(Part_A+quickstart_icon+'<marquee scrollamount="2" behavior="alternate"><span style="line-height: 35px;">'+anchor_name.toUpperCase()+'</span></marquee></a>');
}
}
function anchor_search(purchase_link="none",quickstart_link="none"){
@@ -427,6 +429,7 @@
}
function anchor_scroll(anchor_name,anchor_id,anchor_length){
var page_url = window.location.href;
var offset = $("#"+anchor_id).offset().top + $("#"+anchor_id).height() - $(window).scrollTop();
if((offset > 100)&&(offset < ($("#"+anchor_id).height()+700))){
for (var i= 0; i< anchor_length; i++){
@@ -434,6 +437,15 @@
$(".anchor-box a").addClass("anchor-quiet");
$(".anchor-box a").eq(i).removeClass("anchor-quiet");
$(".anchor-box a").eq(i).addClass("anchor-active");
if((page_url.indexOf(/uiflow/) != -1)||(page_url.indexOf(/arduino/) != -1)){
var marquee_status1 = $(".anchor-box a marquee").eq(i).attr("scrollamount");
$(".anchor-box a marquee").attr("scrollamount","0");
$(".anchor-box a marquee").eq(i).attr("scrollamount","2");
var marquee_status2 = $(".anchor-box a marquee").eq(i).attr("scrollamount");
if(marquee_status1 != marquee_status2){
$(".anchor-box a marquee").eq(i)[0].start();
}
}
return true
}
}