add 18650

2026-05-20 10:23:01 -07:00 · 2019-11-22 16:28:40 +08:00
parent 79149f46aa
commit a7bd62aae0
41 changed files with 1034 additions and 840 deletions
@@ -6,12 +6,15 @@ a {
    text-decoration: none !important;  
 }

+/* .content {
+    background-color: #ececec;;
+} */

 .markdown-section {
    max-width: 80%;
-    margin-top: 25px;
-    padding-left:80px;
-    padding-right:0px;
+    margin-top: 50px;
+    /* padding-left:80px;
+    padding-right:0px; */
 }

 .markdown-section a {
@@ -80,6 +83,7 @@ body[data-page="en/arduino/arduino_home_page.md"] article.markdown-section {
    cursor: pointer;
    transition: box-shadow 0.3s;
    text-decoration: none;
+    background-color: white;
 }


@@ -166,38 +170,6 @@ body[data-page="en/arduino/arduino_home_page.md"] article.markdown-section {
    }
 }

-
-.cases{
-    width: 100%;
-    height: 200px;
-    background-color: #f5f5f5;
-    margin-bottom: 12px;
-    padding-bottom: 26px;
-    padding: 32px;
-    display: inline-flex;
-}
-
-
-.cases .cases_description{
-    margin-left:10px;
-    width: 40%;
-}
-
-
-.cases .cases_pic{
-    width: 200px;
-    
-}
-
-/* .cases .cases_pic img{
-    width: auto;
-} */
-
-.cases div img{
-    overflow: hidden;
-}
-
-
 .item-title {
    text-align: center;
    margin-top: 10px;
@@ -229,10 +201,11 @@ body[data-page="en/arduino/arduino_home_page.md"] article.markdown-section {
    /* border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem; */
    transition:all .25s ease;
-    left: -44px;
+    left: -50%;
    text-align: center;
    top: 40px;
    z-index: 1001;
+    min-width: 10rem;
    
 }

@@ -243,7 +216,6 @@ body[data-page="en/arduino/arduino_home_page.md"] article.markdown-section {


 .dropdown:hover div{
-    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
@@ -373,7 +345,7 @@ div.card-img-overlay:hover {
 	position: fixed;
    z-index: 1001;
    top: 20px;
-    left: 18%;
+    left: 20%;
 	height: 56px;
 	line-height: 0px;
 	padding: 0 20px;
@@ -405,13 +377,36 @@ div.card-img-overlay:hover {

 body[data-page="index.md"] .search {
    display: inline-block;
+}

+body[data-page="en/faq.md"] .search {
+    display: inline-block;
+}
+
+/* body[data-page="en/case.md"] .search {
+    display: inline-block;
+} */
+
+body[data-page="index.md"] .markdown-section {
+    margin-top: 25px;
 }

 body[data-page="zh_CN/README.md"] .search {
    display: inline-block;
 }

+body[data-page="zh_CN/faq.md"] .search {
+    display: inline-block;
+}
+
+/* body[data-page="zh_CN/case.md"] .search {
+    display: inline-block;
+} */
+
+body[data-page="zh_CN/README.md"] .markdown-section {
+    margin-top: 25px;
+}
+

@media screen and (max-width: 768px) {
    .d-flex {
@@ -781,4 +776,159 @@ body[data-page="zh_CN/README.md"] .search {
 mark {
    background-color: #888888; 
    color:white;
-}
+}
+
+
+
+
+.faq-class {
+    border: 1px solid #d9d9d9;
+    margin-bottom: 1.5%;
+    background-color: #d9d9d9;
+    padding: 20px;
+    border-radius: 10px;
+    height: auto;
+}
+
+.faq-class h5 {
+    color: #666 !important;
+    font-size: 16px !important;
+    position: relative;
+    margin: 0px !important;
+}
+
+.search-tips {
+    border: 1px solid #d9d9d9;
+    margin-bottom: 1.5%;
+    background-color: #d9d9d9;
+    padding: 20px;
+    border-radius: 10px;
+    height: auto;
+}
+
+.search-tips h5 {
+    color: #666 !important;
+    font-size: 16px !important;
+    position: relative;
+    margin: 0px !important;
+}
+
+.faq-item {
+    border: 1px solid #d9d9d9;
+    margin-bottom: 1.5%;
+    background-color: #ffffff;
+    padding: 20px;
+    border-radius: 10px;
+    height: auto;
+}
+
+
+.faq-title {
+    color: #666 !important;
+    font-size: 16px !important;
+    position: relative;
+    margin: 0px !important;
+    padding-right: 30px !important;
+    /* width: 500px; */
+    /* overflow-x: auto; */
+}
+
+
+.faq-title::before {
+    background-color: #00b8ee;
+    content: "";
+    width: 20px;
+    height: 20px;
+    border-radius: 20px;
+    position: absolute;
+    right: 0;
+    top: 0;
+    bottom: 0;
+    margin: auto;
+}
+
+
+.faq-button {
+    height: 0px;
+    margin: 0px !important;
+}
+
+
+.faq-button::after {
+    background-color: white;
+    content: "";
+    width: 12px;
+    height: 2px;
+    position: absolute;
+    top: 0px;
+    right: 4px;
+    bottom: 0px;
+    margin: auto;
+    z-index: 10;
+}
+
+.faq-button::before {
+    background-color: white;
+    content: "";
+    width: 12px;
+    height: 2px;
+    position: absolute;
+    top: 0px;
+    right: 4px;
+    bottom: 0px;
+    margin: auto;
+    transform: rotate(90deg);
+    z-index: 10;
+}
+
+.faq-answer {
+    border: 0;
+    outline: 0;
+    font-weight: 400;
+    max-height: 0px;
+    overflow: auto;
+    transition: max-height .35s ease;
+}
+
+.faq-answer div {
+    padding-top: 30px;
+    color: #666 !important;
+}
+
+.faq-answer div span {
+    display: block;
+}
+
+
+.faq-item.open .faq-answer{
+    max-height: 600px;
+}
+
+.faq-img {
+    margin-top: 20px;
+    margin-bottom: 20px;
+    width: 40%;
+    display: inline-block;
+}
+
+
+
+.cases-item {
+    border: 1px solid #d9d9d9;
+    margin-bottom: 1.5%;
+    background-color: #ffffff;
+    padding: 20px;
+    border-radius: 10px;
+    height: auto;
+}
+
+.cases-title {
+    color: #666 !important;
+    font-size: 16px !important;
+    position: relative;
+    margin: 0px !important;
+    padding-right: 30px !important;
+    /* width: 500px; */
+    /* overflow-x: auto; */
+}
+
@@ -1,7 +1,5 @@
 # M5Stack Cases {docsify-ignore-all}

-## M5Stack User Cases
-
 * [M5Stack-SD-Updater](https://github.com/tobozo/M5Stack-SD-Updater) - Customizable menu system for M5Stack - loads apps from the Micro SD card

 * [TFT_eSPI](https://github.com/Bodmer/TFT_eSPI)  - TFT library for the ESP8266 and ESP32 that supports different driver chips
@@ -174,4 +172,14 @@
 * [niconico m-hage](https://www.nicovideo.jp/mylist/20341298)
 * [niconico M5Stack tag](https://www.nicovideo.jp/tag/M5Stack)
 * [9 DoF sensor fusion](https://github.com/kriswiner/MPU6050/wiki/Affordable-9-DoF-Sensor-Fusion)
-* [robo8080 applications](https://www.youtube.com/user/robo8080z/)
+* [robo8080 applications](https://www.youtube.com/user/robo8080z/)
+
+
+<!-- <script>
+
+    $(document).ready(function(){
+        $("li").css("list-style-type","none");
+        $("ul").css("padding-left","0px");
+        $("li").wrap("<div class='cases-item'><h5 class='cases-title'></h5></div>");
+     });
+</script> -->
@@ -82,7 +82,7 @@ The newly-produced M5Core replaces the screen with better display performance an

 <table>
 <tr><td>ESP32 Chip</td><td>GPIO23</td><td>GPIO19</td><td>GPIO18</td><td>GPIO14</td><td>GPIO27</td><td>GPIO33</td><td>GPIO32</td><td>GPIO4</td></tr>
- <tr><td>ILI9341</td><td>MOSI</td><td>/</td><td>CLK</td><td>CS</td><td>DC</td><td>RST</td><td>BL</td><td> </td></tr>
+ <tr><td>ILI9342C</td><td>MOSI</td><td>/</td><td>CLK</td><td>CS</td><td>DC</td><td>RST</td><td>BL</td><td> </td></tr>
 <tr><td>TF Card</td><td>MOSI</td><td>MISO</td><td>CLK</td><td> </td><td> </td><td> </td><td> </td><td>CS</td></tr>
 </table>

@@ -208,11 +208,12 @@ For more information about Pin assignment and Pin Remapping, Please refer to EPS

 ### Kit includes

-  1x M5Stack BASIC Controller
-  1x Basic Base
+-  1x BASIC
 -  10x Dupont
-  User Manual
-  Sticker
+-  1x Type-C USB(20cm)
+-  1x User Manual
+-  1x Sticker
+

 <img src="assets/img/product_pics/core/basic/basic_04.png" alt="basic_04" width="80%" height="80%">

@@ -85,7 +85,7 @@ The newly-produced M5Core replaces the screen with better display performance an

 ## Include

- 1x GRAY M5Stack Controller(M5Core)
+- 1x GRAY
 - 1x FACES Charger table
 - 1x FACES sling
 - 1x panel sticker
@@ -93,7 +93,7 @@ The newly-produced M5Core replaces the screen with better display performance an
 - 10x Femal-male dupont
 - 6x M3x10 screw
 - 1x hexagon screw key
- 1x Type-C USB
+- 1x Type-C USB(100cm)

 <img src="assets/img/product_pics/core/faces_kit/faces_kit.png">

@@ -203,7 +203,7 @@ The GPIO 16 / 17 in Fire is connected to the PSRAM by default, so when you conne
   </tr>
   <tr>
      <td>Power Input</td>
-      <td>5V @ 600mA</td>
+      <td>5V @ 500mA</td>
   </tr>
   <tr>
      <td>Port</td>
@@ -257,12 +257,13 @@ For more information about Pin assignment and Pin Remapping, Please refer to EPS

 ## Include

-  1x M5Stack Fire Controller
-  1x M5GO Base( LEGO compatible)
+-  1x Fire
 -  1x M5GO CHG Base
-  10x Femal-male Dupont
-  Type-C USB cable
-  User Manual
+-  2x LEGO block
+-  5x LEGO connector
+-  1x M3 hex wrench
+-  1x Type-C USB(100cm)
+-  1x User Manual

 ## Related Link

@@ -85,7 +85,7 @@ The newly-produced M5Core replaces the screen with better display performance an

 <table>
 <tr><td>ESP32 Chip</td><td>GPIO23</td><td>GPIO19</td><td>GPIO18</td><td>GPIO14</td><td>GPIO27</td><td>GPIO33</td><td>GPIO32</td><td>GPIO4</td></tr>
- <tr><td>ILI9341</td><td>MOSI</td><td>/</td><td>CLK</td><td>CS</td><td>DC</td><td>RST</td><td>BL</td><td> </td></tr>
+ <tr><td>ILI9342C</td><td>MOSI</td><td>/</td><td>CLK</td><td>CS</td><td>DC</td><td>RST</td><td>BL</td><td> </td></tr>
 <tr><td>TF Card</td><td>MOSI</td><td>MISO</td><td>CLK</td><td> </td><td> </td><td> </td><td> </td><td>CS</td></tr>
 </table>

@@ -103,7 +103,7 @@ The newly-produced M5Core replaces the screen with better display performance an

 <table>
 <tr><td>ESP32 Chip</td><td>GPIO23</td><td>GPIO19</td><td>GPIO18</td><td>GPIO14</td><td>GPIO27</td><td>GPIO33</td><td>GPIO32</td><td>GPIO4</td></tr>
- <tr><td>ILI9341</td><td>MOSI</td><td>/</td><td>CLK</td><td>CS</td><td>DC</td><td>RST</td><td>BL</td><td> </td></tr>
+ <tr><td>ILI9342C</td><td>MOSI</td><td>/</td><td>CLK</td><td>CS</td><td>DC</td><td>RST</td><td>BL</td><td> </td></tr>
 <tr><td>TF Card</td><td>MOSI</td><td>MISO</td><td>CLK</td><td> </td><td> </td><td> </td><td> </td><td>CS</td></tr>
 </table>

@@ -197,7 +197,7 @@ The newly-produced M5Core replaces the screen with better display performance an
   </tr>
   <tr>
      <td>Power Input</td>
-      <td>5V @ 150mA</td>
+      <td>5V @ 500mA</td>
   </tr>
   <tr>
      <td>Port</td>
@@ -248,11 +248,11 @@ For more information about Pin assignment and Pin Remapping, Please refer to EPS

 ## Include

-  1x M5Stack Gray Controller
-  1x Basic Base
+-  1x Gray
 -  10x Femal-male Dupont
-  Type-C USB cable
-  User Manual
+-  1x Type-C USB(20cm)
+-  1x User Manual
+-  1x Sticker

 <img src="assets/img/product_pics/core/gray/gray_04.png" alt="gray_04" width="80%" height="80%">

@@ -72,7 +72,7 @@ The newly-produced M5Core replaces the screen with better display performance an

 <table>
 <tr><td>ESP32 Chip</td><td>GPIO23</td><td>GPIO19</td><td>GPIO18</td><td>GPIO14</td><td>GPIO27</td><td>GPIO33</td><td>GPIO32</td><td>GPIO4</td></tr>
- <tr><td>ILI9341</td><td>MOSI</td><td>/</td><td>CLK</td><td>CS</td><td>DC</td><td>RST</td><td>BL</td><td> </td></tr>
+ <tr><td>ILI9342C</td><td>MOSI</td><td>/</td><td>CLK</td><td>CS</td><td>DC</td><td>RST</td><td>BL</td><td> </td></tr>
 <tr><td>TF Card</td><td>MOSI</td><td>MISO</td><td>CLK</td><td> </td><td> </td><td> </td><td> </td><td>CS</td></tr>
 </table>

@@ -192,7 +192,7 @@ The newly-produced M5Core replaces the screen with better display performance an
   </tr>
   <tr>
      <td>Power Input</td>
-      <td>5V @ 150mA</td>
+      <td>5V @ 500mA</td>
   </tr>
   <tr>
      <td>Port</td>
@@ -245,13 +245,13 @@ For more information about Pin assignment and Pin Remapping, Please refer to EPS

 ## Include

-  1x white M5Core controller
-  1x M5GO Base( LEGO compatible)
+-  1x M5GO
 -  6x Units(ENV, IR, RGB, PIR, ANGLE, HUB)
-  4x LEGO connectors and bricks
-  3x GROVE cable
-  Type-C USB cable
-  User Manual
+-  4x LEGO block
+-  12x LEGO Connector
+-  4x GROVE cable
+-  1x Type-C USB cable(20cm)
+-  1x User Manual


 ## Related Link
@@ -71,7 +71,7 @@ The newly-produced M5Core replaces the screen with better display performance an

 <table>
 <tr><td>ESP32 Chip</td><td>GPIO23</td><td>GPIO19</td><td>GPIO18</td><td>GPIO14</td><td>GPIO27</td><td>GPIO33</td><td>GPIO32</td><td>GPIO4</td></tr>
- <tr><td>ILI9341</td><td>MOSI</td><td>/</td><td>CLK</td><td>CS</td><td>DC</td><td>RST</td><td>BL</td><td> </td></tr>
+ <tr><td>ILI9342C</td><td>MOSI</td><td>/</td><td>CLK</td><td>CS</td><td>DC</td><td>RST</td><td>BL</td><td> </td></tr>
 <tr><td>TF Card</td><td>MOSI</td><td>MISO</td><td>CLK</td><td> </td><td> </td><td> </td><td> </td><td>CS</td></tr>
 </table>

@@ -189,7 +189,7 @@ The newly-produced M5Core replaces the screen with better display performance an
   </tr>
   <tr>
      <td>Power Input</td>
-      <td>5V @ 150mA</td>
+      <td>5V @ 500mA</td>
   </tr>
   <tr>
      <td>Port</td>
@@ -243,12 +243,11 @@ For more information about Pin assignment and Pin Remapping, Please refer to EPS

 ## Package Includes:

-  1x white M5GO Controller
-  1x M5GO Base
+-  1x M5GO
 -  1x ENV Unit
 -  1x GROVE Cable
-  Type-C USB Cable
-  User Manual
+-  1x Type-C USB(20cm)
+-  1x User Manual

 <img src="assets/img/product_pics/core/m5go/m5go_lite_02.png" alt="gray_02" width="270" height="270"><img src="assets/img/product_pics/core/m5go/m5go_lite_03.png" alt="gray_04" width="270" height="270">

@@ -144,7 +144,7 @@ M5stick is one of the core devices in M5Stack product series which is built in a
 ## Include

 -  1x M5Stick
-  1x USB Type-C cable
+-  1x USB Type-C(20cm)

 **Gray type:**
 -  Accessories: `WATCH BELT`, `WALL/1515` and `BRICK`
@@ -146,7 +146,7 @@ Power structure block diagram
 ## Include

 -  1x M5StickC
-  1x USB Type-C cable
+-  1x USB Type-C(20cm)

 ## Related Link

@@ -56,8 +56,9 @@ The module comes with the OmniVision OV7740 sensor, using the OmniPixel®3-HS te


 ### Package Includes
- M5StickV 
- USB cable
+
+-  1x M5StickV
+-  1x USB Type-C(100cm)


 ### SD card test
@@ -4,7 +4,7 @@

 ***

-:memo:**[Description](#Description)**&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;🛒**[Purchase](https://m5stack.com/products/m5stickc-hat-18650Chat)**&nbsp;&nbsp;&nbsp;<img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/EasyLoader_M5StickC_logo_min.png">**[EasyLoader](#EasyLoader)**
+:memo:**[Description](#Description)**&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;🛒**[Purchase](https://m5stack.com/products/m5stickc-hat-18650Chat)**&nbsp;&nbsp;&nbsp;:clapper:**[Related Video](#Related-Video)**

 ## Description

@@ -28,7 +28,7 @@

 - 1x 18650 HAT

-## Video
+## Related Video

 <video class="video_size" controls>
    <source src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/video/Product_example_video/HAT/18650C_HAT.mp4" type="video/mp4">
@@ -0,0 +1,65 @@
+# UIFlow Block Custom{docsify-ignore-all}
+
+
+1. [Create block](#Create-block)
+
+2. [Code-Parameter](#Code-Parameter)
+
+3. [Save and Changes](#Save-and-Changes)
+
+4. [Using program block](#Using-program-block)
+
+
+## Create block
+
+
+Create a custom block by clicking on the `Custom` option > `Create` in the block list.
+
+<img src="assets/img/related_documents/blockly_custom/custom_01.jpg">
+
+To create a new block, we need to provide:
+
+`1: group name`: the name of the group in which the custom block is placed
+
+`2: Block color`: Appearance color of the block
+
+`3: Block label`: Only letters, numbers, underscores are allowed
+
+`4: Block type`: Define the type of the block as `Value` (value), or `Execute` (execute)
+
+`5: Number of blocks`: Ability to add multiple blocks at the same time and save them to a `.m5b` file at the same time
+
+<img src="assets/img/related_documents/blockly_custom/custom_02.jpg">
+
+
+## Code-Parameter
+
+
+Click the `Add` option under `Parameter`, add a program property, enter the name displayed in the block, and select the property type. Enter the code contained in the custom block in the `Block Code` option box.
+
+[Click here to visit Github for more program API](https://github.com/m5stack/UIFlow-Code/wiki)
+
+<img src="assets/img/related_documents/blockly_custom/custom_03.jpg">
+
+When the attribute type of a custom block has constant or variable input, we can get these values in the code and perform further processing and operations.
+
+Example: Select the attribute type as `String` (string input). In this case, if we want to get the string input when using, just use `${Parameter name}` in the code. It is `${show_word}`. It should be noted that when there is a space in the block name, use ${} to get the space that needs to be replaced with the `_` underscore.
+
+<img src="assets/img/related_documents/blockly_custom/custom_04.jpg">
+
+## Save and Changes
+
+After editing the program, click `Download` to save.
+
+Click on `Open .m5b` to open the saved custom program for modification.
+
+<img src="assets/img/related_documents/blockly_custom/custom_05.jpg">
+
+
+## Using program block
+
+Open a custom block by clicking on the`Custom`option > `Open` ，in the block list.
+
+<img src="assets/img/related_documents/blockly_custom/custom_06.jpg">
+<br></br>
+<img src="assets/img/related_documents/blockly_custom/custom_07.jpg">
@@ -68,6 +68,17 @@
            <p><a class="btn btn-secondary" href="#/en/uiflow/FACES" role="button">View details »</a></p>
          </div>
  </div>
+
+
+<div class="row">
+          <div class="col-md-4">
+            <h2>Custom</h2>
+            <p class="uiflow_p">The creation and use of UIFlow custom program blocks. </p>
+            <p><a class="btn btn-secondary" href="#/en/uiflow/blockly_custom" role="button">View details »</a></p>
+          </div>
+  </div>
+
+
 </div>

 <br><br><br><br>
@@ -68,7 +68,7 @@ The hardware also comes with some reserved weld pad, just in case you want put t

 ## Include

- 1x ESP32CAM Unit
+- 1x ESP32CAM

 ## EasyLoader

@@ -67,7 +67,8 @@ The hardware also comes with some reserved weld pad, just in case you want put t
 ## Include

 - 1x M5Camera
- 1x Type-C USB Cable
+- 4x LEGO block
+- 1x Type-C USB(20cm)

 ## EasyLoader

@@ -74,7 +74,7 @@ The hardware also comes with some reserved weld pad, just in case you want put t
 - 1x M5CameraF
 - 1x LEGO Adapter
 - 1x Wall/1515
- 1x Type-C USB Cable
+- 1x Type-C USB(20cm)

 <img src="assets/img/product_pics/unit/unit_m5camera_f_05.png" width="50%" height="50%">

--- a/Show More
+++ b/Show More