mirror of
https://github.com/m5stack/m5-docs.git
synced 2026-05-20 10:23:01 -07:00
Merge branch 'master' of 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**
|
||||
|
||||
+25
-51
@@ -214,65 +214,39 @@
|
||||
$(".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(){
|
||||
|
||||
+26
-54
@@ -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,67 +211,39 @@
|
||||
$(".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);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
Reference in New Issue
Block a user