This commit is contained in:
vany5921
2020-02-26 16:30:45 +08:00
5 changed files with 113 additions and 107 deletions
+53
View File
@@ -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

+1
View File
@@ -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
View File
@@ -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
View File
@@ -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>