diff --git a/docs/assets/css/main.css b/docs/assets/css/main.css index 2723605b..00dd6851 100755 --- a/docs/assets/css/main.css +++ b/docs/assets/css/main.css @@ -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; +} \ No newline at end of file diff --git a/docs/assets/img/product_pics/hat/PowerC_hat/powerc_example.jpg b/docs/assets/img/product_pics/hat/PowerC_hat/powerc_example.jpg new file mode 100644 index 00000000..7a439c51 Binary files /dev/null and b/docs/assets/img/product_pics/hat/PowerC_hat/powerc_example.jpg differ diff --git a/docs/en/hat/hat-8servos.md b/docs/en/hat/hat-8servos.md index 4502de1f..4586e5e0 100644 --- a/docs/en/hat/hat-8servos.md +++ b/docs/en/hat/hat-8servos.md @@ -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** diff --git a/docs/zh_CN/README.md b/docs/zh_CN/README.md index c13ad530..5c546afc 100644 --- a/docs/zh_CN/README.md +++ b/docs/zh_CN/README.md @@ -243,7 +243,7 @@ $("#"+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); } - } + }