mirror of
https://github.com/m5stack/m5-docs.git
synced 2026-05-20 10:23:01 -07:00
Merge branch 'master' of https://github.com/m5stack/m5-docs
This commit is contained in:
@@ -1042,3 +1042,56 @@ mark {
|
||||
transform: translateX(0px) !important;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.easyloader-box {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
width: 80%;
|
||||
}
|
||||
|
||||
.easyloader-box > div {
|
||||
position: relative;
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
.easyloader-box img {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.easyloader-box p {
|
||||
margin-left: 10px;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.easyloader-mask {
|
||||
position: absolute;
|
||||
right: 0px;
|
||||
bottom: 0px;
|
||||
height: 50%;
|
||||
width: 100%;
|
||||
background-color: black;
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
.easyloader-btn {
|
||||
position: absolute;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-around;
|
||||
bottom: 6%;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.easyloader-btn a {
|
||||
width: 90px;
|
||||
text-align: center;
|
||||
padding: 2px 10px;
|
||||
background-color: #007bff;
|
||||
color: white !important;
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
.easyloader-btn a:hover {
|
||||
background-color: #45a9ff;
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 45 KiB |
@@ -47,6 +47,7 @@
|
||||
>2. After downloading the software, double-click to run the application, connect the M5 device to the computer through the data cable, select the port parameters, click **"Burn"** to burn the program (**For M5StickC, set the baud rate to 115200 or 750000**)
|
||||
|
||||
|
||||
|
||||
## Example
|
||||
|
||||
- **UIFlow**
|
||||
|
||||
+28
-51
@@ -214,75 +214,52 @@
|
||||
$(".product_page div:last-child").attr("id",product_class_name[i]);
|
||||
}
|
||||
|
||||
var title_list = {
|
||||
"BASIC":"M5Core/Kit",
|
||||
"M5Stick":"M5Stick",
|
||||
"ATOM Lite":"ATOM",
|
||||
"LoRa (433MHz)":"Communication Modules",
|
||||
"BATTERY":"Expansion Modules",
|
||||
"STEPMOTOR":"Drive Modules",
|
||||
"ENCODER":"FACES Series",
|
||||
"LAN":"Base",
|
||||
"ESP32CAM":"Camera class",
|
||||
"EARTH":"Sensor class",
|
||||
"EXT.IO":"I / 0 class",
|
||||
"IR":"Communication class",
|
||||
"RGB LED":"LED class",
|
||||
"SPK":"C-HAT class",
|
||||
"BALA":"Application",
|
||||
"Grove-T":"Accessory",
|
||||
"CORNER":"Aluminium"
|
||||
};
|
||||
|
||||
|
||||
for (var class_num=0; class_num<product_class.length; class_num++ ){
|
||||
for (var i=0; i<product_class[class_num].length; i++ ) {
|
||||
if(product_class[class_num][i].p == "BASIC"){
|
||||
$("#"+product_class_name[class_num]).append("<p><strong>M5Core/Kit</strong></p>");
|
||||
}
|
||||
if(product_class[class_num][i].p == "M5Stick"){
|
||||
$("#"+product_class_name[class_num]).append("<p><strong>M5Stick</strong></p>");
|
||||
}
|
||||
if(product_class[class_num][i].p == "ATOM Lite"){
|
||||
$("#"+product_class_name[class_num]).append("<p><strong>ATOM</strong></p>");
|
||||
}
|
||||
if(product_class[class_num][i].p == "LoRa (433MHz)"){
|
||||
$("#"+product_class_name[class_num]).append("<p><strong>Communication Modules</strong></p>");
|
||||
}
|
||||
if(product_class[class_num][i].p == "BATTERY"){
|
||||
$("#"+product_class_name[class_num]).append("<p><strong>Expansion Modules</strong></p>");
|
||||
}
|
||||
if(product_class[class_num][i].p == "STEPMOTOR"){
|
||||
$("#"+product_class_name[class_num]).append("<p><strong>Drive Modules</strong></p>");
|
||||
}
|
||||
if(product_class[class_num][i].p == "ENCODER"){
|
||||
$("#"+product_class_name[class_num]).append("<p><strong>FACES Series</strong></p>");
|
||||
}
|
||||
if(product_class[class_num][i].p == "LAN"){
|
||||
$("#"+product_class_name[class_num]).append("<p><strong>Base</strong></p>");
|
||||
}
|
||||
if(product_class[class_num][i].p == "ESP32CAM"){
|
||||
$("#"+product_class_name[class_num]).append("<p><strong>Camera class</strong></p>");
|
||||
}
|
||||
if(product_class[class_num][i].p == "EARTH"){
|
||||
$("#"+product_class_name[class_num]).append("<p><strong>Sensor class</strong></p>");
|
||||
}
|
||||
if(product_class[class_num][i].p == "EXT.IO"){
|
||||
$("#"+product_class_name[class_num]).append("<p><strong>I / 0 class</strong></p>");
|
||||
}
|
||||
if(product_class[class_num][i].p == "IR"){
|
||||
$("#"+product_class_name[class_num]).append("<p><strong>Communication class</strong></p>");
|
||||
}
|
||||
if(product_class[class_num][i].p == "RGB LED"){
|
||||
$("#"+product_class_name[class_num]).append("<p><strong>LED class</strong></p>");
|
||||
}
|
||||
if(product_class[class_num][i].p == "SPK"){
|
||||
$("#"+product_class_name[class_num]).append("<p><strong>C-HAT class</strong></p>");
|
||||
}
|
||||
if(product_class[class_num][i].p == "BALA"){
|
||||
$("#"+product_class_name[class_num]).append("<p><strong>Application</strong></p>");
|
||||
}
|
||||
if(product_class[class_num][i].p == "Grove-T"){
|
||||
$("#"+product_class_name[class_num]).append("<p><strong>Accessory</strong></p>");
|
||||
}
|
||||
if(product_class[class_num][i].p == "CORNER"){
|
||||
$("#"+product_class_name[class_num]).append("<p><strong>Aluminium</strong></p>");
|
||||
if(title_list.hasOwnProperty(product_class[class_num][i].p)){
|
||||
var test =
|
||||
$("#"+product_class_name[class_num]).append("<p><strong>"+title_list[product_class[class_num][i].p]+"</strong></p>");
|
||||
}
|
||||
$("#"+product_class_name[class_num]).append("<div class='item'><a><img><p class='item-title'></p></a></div> ");
|
||||
$("#"+product_class_name[class_num]+" .item:last-child a").attr("href", product_class[class_num][i].a);
|
||||
$("#"+product_class_name[class_num]+" .item:last-child img").attr("src", product_class[class_num][i].img);
|
||||
$("#"+product_class_name[class_num]+" .item:last-child p").text(product_class[class_num][i].p);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
$(document).ready(function(){
|
||||
var mask_html = `<div class="mask"><a href="#" style="color:white;text-decoration:none" ><button type="button" class="btn-sm btn-primary mask-btn1">QuickStart</button></a><button type="button" class="btn-sm btn-primary mask-btn2">Document</button></div>`
|
||||
$("#core div.item a:lt(9)").append(mask_html);
|
||||
$("#core div.item a:gt(18)").append(mask_html);
|
||||
$("#unit div.item a:lt(5)").append(mask_html);
|
||||
$("#core .mask a").attr("href", "#en/quick_start/m5core/m5stack_core_quick_start");
|
||||
$("#core .mask a").eq(6).attr("href", "#en/quick_start/m5stick/m5stick_quick_start");
|
||||
$("#core .mask a").eq(7).attr("href", "#en/quick_start/m5stickc/m5stickc_quick_start");
|
||||
$("#core .mask a").eq(8).attr("href", "#en/quick_start/m5stickv/m5stickv_quick_start");
|
||||
$("#core .mask a").eq(9).attr("href", "#en/quick_start/atom/atom_quick_start");
|
||||
$("#core .mask a").eq(10).attr("href", "#en/quick_start/atom/atom_quick_start");
|
||||
$("#unit .mask a").attr("href", "#en/quick_start/m5camera/m5camera_quick_start");
|
||||
$("#unit .mask a").eq(4).attr("href", "#en/quick_start/unitv/unitv_quick_start");
|
||||
$(".product_page strong").parent('p').css("margin-bottom","0px");
|
||||
|
||||
+31
-56
@@ -71,7 +71,7 @@
|
||||
{a:"/#/zh_CN/base/base15", img:"https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/base/base_base15_01.jpg", p:"BASE15"},
|
||||
{a:"/#/zh_CN/base/base26", img:"https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/base/base_base26_01.jpg", p:"BASE26"},
|
||||
{a:"/#/zh_CN/accessory/battery_base", img:"https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/accessory/battery_base_01.jpg", p:"M5Camera Battery"},
|
||||
{a:"/#/zh_CN/base/baseX", img:"https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/base/base_basex_01.webp", p:"BaseX"},
|
||||
{a:"/#/zh_CN/base/basex", img:"https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/base/base_basex_01.webp", p:"BaseX"},
|
||||
];
|
||||
|
||||
var unit_list = [
|
||||
@@ -211,83 +211,58 @@
|
||||
$(".product_page div:last-child").attr("id",product_class_name[i]);
|
||||
}
|
||||
|
||||
// console.log(product_class[0][0].a);
|
||||
// console.log(product_class[0].length);
|
||||
var title_list = {
|
||||
"BASIC":"M5Core/Kit",
|
||||
"M5Stick":"M5Stick",
|
||||
"ATOM Lite":"ATOM",
|
||||
"LoRa (433MHz)":"Communication Modules",
|
||||
"BATTERY":"Expansion Modules",
|
||||
"STEPMOTOR":"Drive Modules",
|
||||
"ENCODER":"FACES Series",
|
||||
"LAN":"Base",
|
||||
"ESP32CAM":"Camera class",
|
||||
"EARTH":"Sensor class",
|
||||
"EXT.IO":"I / 0 class",
|
||||
"IR":"Communication class",
|
||||
"RGB LED":"LED class",
|
||||
"SPK":"C-HAT class",
|
||||
"BALA":"Application",
|
||||
"Grove-T":"Accessory",
|
||||
"CORNER":"Aluminium"
|
||||
};
|
||||
|
||||
|
||||
for (var class_num=0; class_num<product_class.length; class_num++ ){
|
||||
for (var i=0; i<product_class[class_num].length; i++ ) {
|
||||
if(product_class[class_num][i].p == "BASIC"){
|
||||
$("#"+product_class_name[class_num]).append("<p><strong>M5Core/Kit</strong></p>");
|
||||
}
|
||||
if(product_class[class_num][i].p == "M5Stick"){
|
||||
$("#"+product_class_name[class_num]).append("<p><strong>M5Stick</strong></p>");
|
||||
}
|
||||
if(product_class[class_num][i].p == "ATOM Lite"){
|
||||
$("#"+product_class_name[class_num]).append("<p><strong>ATOM</strong></p>");
|
||||
}
|
||||
if(product_class[class_num][i].p == "LoRa (433MHz)"){
|
||||
$("#"+product_class_name[class_num]).append("<p><strong>Communication Modules</strong></p>");
|
||||
}
|
||||
if(product_class[class_num][i].p == "BATTERY"){
|
||||
$("#"+product_class_name[class_num]).append("<p><strong>Expansion Modules</strong></p>");
|
||||
}
|
||||
if(product_class[class_num][i].p == "STEPMOTOR"){
|
||||
$("#"+product_class_name[class_num]).append("<p><strong>Drive Modules</strong></p>");
|
||||
}
|
||||
if(product_class[class_num][i].p == "ENCODER"){
|
||||
$("#"+product_class_name[class_num]).append("<p><strong>FACES Series</strong></p>");
|
||||
}
|
||||
if(product_class[class_num][i].p == "LAN"){
|
||||
$("#"+product_class_name[class_num]).append("<p><strong>Base</strong></p>");
|
||||
}
|
||||
if(product_class[class_num][i].p == "ESP32CAM"){
|
||||
$("#"+product_class_name[class_num]).append("<p><strong>Camera class</strong></p>");
|
||||
}
|
||||
if(product_class[class_num][i].p == "EARTH"){
|
||||
$("#"+product_class_name[class_num]).append("<p><strong>Sensor class</strong></p>");
|
||||
}
|
||||
if(product_class[class_num][i].p == "EXT.IO"){
|
||||
$("#"+product_class_name[class_num]).append("<p><strong>I / 0 class</strong></p>");
|
||||
}
|
||||
if(product_class[class_num][i].p == "IR"){
|
||||
$("#"+product_class_name[class_num]).append("<p><strong>Communication class</strong></p>");
|
||||
}
|
||||
if(product_class[class_num][i].p == "RGB LED"){
|
||||
$("#"+product_class_name[class_num]).append("<p><strong>LED class</strong></p>");
|
||||
}
|
||||
if(product_class[class_num][i].p == "SPK"){
|
||||
$("#"+product_class_name[class_num]).append("<p><strong>C-HAT class</strong></p>");
|
||||
}
|
||||
if(product_class[class_num][i].p == "BALA"){
|
||||
$("#"+product_class_name[class_num]).append("<p><strong>Application</strong></p>");
|
||||
}
|
||||
if(product_class[class_num][i].p == "Grove-T"){
|
||||
$("#"+product_class_name[class_num]).append("<p><strong>Accessory</strong></p>");
|
||||
}
|
||||
if(product_class[class_num][i].p == "CORNER"){
|
||||
$("#"+product_class_name[class_num]).append("<p><strong>Aluminium</strong></p>");
|
||||
if(title_list.hasOwnProperty(product_class[class_num][i].p)){
|
||||
var test =
|
||||
$("#"+product_class_name[class_num]).append("<p><strong>"+title_list[product_class[class_num][i].p]+"</strong></p>");
|
||||
}
|
||||
$("#"+product_class_name[class_num]).append("<div class='item'><a><img><p class='item-title'></p></a></div> ");
|
||||
$("#"+product_class_name[class_num]+" .item:last-child a").attr("href", product_class[class_num][i].a);
|
||||
$("#"+product_class_name[class_num]+" .item:last-child img").attr("src", product_class[class_num][i].img);
|
||||
$("#"+product_class_name[class_num]+" .item:last-child p").text(product_class[class_num][i].p);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
$(document).ready(function(){
|
||||
var mask_html = `<div class="mask"><a href="#" style="color:white;text-decoration:none" ><button type="button" class="btn-sm btn-primary mask-btn1">快速上手 »</button></a><button type="button" class="btn-sm btn-primary mask-btn2">产品文档 »</button></div>`
|
||||
var mask_html = `<div class="mask"><a href="#" style="color:white;text-decoration:none" ><button type="button" class="btn-sm btn-primary mask-btn1">快速上手</button></a><button type="button" class="btn-sm btn-primary mask-btn2">产品文档</button></div>`
|
||||
$("#core div.item a:lt(9)").append(mask_html);
|
||||
$("#core div.item a:gt(18)").append(mask_html);
|
||||
$("#unit div.item a:lt(5)").append(mask_html);
|
||||
$("#core .mask a").attr("href", "#zh_CN/quick_start/m5core/m5stack_core_quick_start");
|
||||
$("#core .mask a").eq(6).attr("href", "#zh_CN/quick_start/m5stick/m5stick_quick_start");
|
||||
$("#core .mask a").eq(7).attr("href", "#zh_CN/quick_start/m5stickc/m5stickc_quick_start");
|
||||
$("#core .mask a").eq(8).attr("href", "#zh_CN/quick_start/m5stickv/m5stickv_quick_start");
|
||||
$("#core .mask a").eq(9).attr("href", "#zh_CN/quick_start/atom/atom_quick_start");
|
||||
$("#core .mask a").eq(10).attr("href", "#zh_CN/quick_start/atom/atom_quick_start");
|
||||
$("#unit .mask a").attr("href", "#zh_CN/quick_start/m5camera/m5camera_quick_start");
|
||||
$("#unit .mask a").eq(4).attr("href", "#zh_CN/quick_start/unitv/unitv_quick_start");
|
||||
$(".product_page strong").parent('p').css("margin-bottom","0px");
|
||||
anchor_search();
|
||||
scrollFunc();
|
||||
});
|
||||
|
||||
|
||||
</script>
|
||||
Reference in New Issue
Block a user