m5/m5-docs
0
0
Fork 0
mirror of https://github.com/m5stack/m5-docs.git synced 2026-05-20 10:23:01 -07:00
Code Issues Packages Projects Releases Wiki Activity

update UIFlow tutorial page

Browse Source
This commit is contained in:
Gitshaoxiang
2020-06-24 10:34:08 +08:00
parent 5f22273613
commit 46d4cdbf0a
2 changed files with 47 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files
docs/en/uiflow/uiflow_home_page.md
+23 -10
View File
@@ -14,11 +14,21 @@
<div class="container" style="margin-top:60px" id="tutorial">
<div class="row">
<!-- <div class="col-md-4">
<h2>Introduction</h2>
<div class="col-md-4">
<h2>Quick Start</h2>
<p class="uiflow_p">Explain several preparations before using UIFlow, including programming and network configuration of UIFlow firmware, as well as some program basics. </p>
<p><a class="btn btn-secondary" href="#/en/uiflow/introduction" role="button">View details »</a></p>
</div> -->
<div class="dropdown">
<button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown">
View details »
</button>
<div>
<a class="dropdown-item" href="#/en/quick_start/m5core/m5stack_core_get_started_MicroPython" style="color:black">BASIC/FACES/FIRE/M5GO</a>
<a class="dropdown-item" href="#/en/quick_start/m5stickc/m5stickc_quick_start" style="color:black">M5StickC</a>
<a class="dropdown-item" href="#/en/quick_start/m5stick/m5stick_quick_start_with_uiflow" style="color:black">M5Stick</a>
<a class="dropdown-item" href="#/en/quick_start/atom/atom_quick_start_uiflow" style="color:black">ATOM</a>
</div>
</div>
</div>
<div class="col-md-4">
<h2>Hardware</h2>
<p class="uiflow_p">Some basic control of device hardware in UIFlow, and information acquisition.</p>
@@ -29,14 +39,14 @@
<p class="uiflow_p">UIFlow display control for characters and graphics, as well as image upload and drawing functions.</p>
<p><a class="btn btn-secondary" href="#/en/uiflow/ui_simulator" role="button">View details »</a></p>
</div>
</div>
<div class="row">
<div class="col-md-4">
<h2>Data structure</h2>
<p class="uiflow_p">Introduction to data types in UIFlow, including constants, variables, characters, random numbers, lists, etc.</p>
<p><a class="btn btn-secondary" href="#/en/uiflow/data_structure" role="button">View details »</a></p>
</div>
</div>
<div class="row">
<div class="col-md-4">
<h2>Logic</h2>
<p class="uiflow_p">The use of logic judgments, operations, and conditional loops, iterations, functions, etc. in UIFlow. </p>
@@ -47,14 +57,14 @@
<p class="uiflow_p">The higher-level functions in UIFlow involve remote functions and the use of MQTT communication.</p>
<p><a class="btn btn-secondary" href="#/en/uiflow/advanced" role="button">View details »</a></p>
</div>
</div>
<div class="row">
<div class="col-md-4">
<h2>Units</h2>
<p class="uiflow_p">Introduction to how to use unit devices, such as ToF, ENV, Realy, inlucde I/O,UART,I2C,etc.</p>
<p><a class="btn btn-secondary" href="#/en/uiflow/Units" role="button">View details »</a></p>
</div>
</div>
<div class="row">
<div class="col-md-4">
<h2>Modules</h2>
<p class="uiflow_p">Introduce some useful modules block add to your project in UIFlow. </p>
@@ -65,6 +75,9 @@
<p class="uiflow_p">UIFlow uses FACES panel for interface interaction or data manipulation help you to improve input efficiency.</p>
<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>
docs/zh_CN/uiflow/uiflow_home_page.md
+24 -6
View File
@@ -16,6 +16,21 @@
<div class="container" style="margin-top:60px" id="tutorial">
<div class="row">
<div class="col-md-4">
<h2>快速上手</h2>
<p class="uiflow_p">在使用UIFlow之前进行的一些准备工作，包括UIFlow固件的烧录和网络配置以及一些基础内容。 </p>
<div class="dropdown">
<button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown">
View details »
</button>
<div>
<a class="dropdown-item" href="#/zh_CN/quick_start/m5core/m5stack_core_get_started_MicroPython" style="color:black">BASIC/FACES/FIRE/M5GO</a>
<a class="dropdown-item" href="#/zh_CN/quick_start/m5stickc/m5stickc_quick_start" style="color:black">M5StickC</a>
<a class="dropdown-item" href="#/zh_CN/quick_start/m5stick/m5stick_quick_start_with_uiflow" style="color:black">M5Stick</a>
<a class="dropdown-item" href="#/zh_CN/quick_start/atom/atom_quick_start_uiflow" style="color:black">ATOM</a>
</div>
</div>
</div>
<div class="col-md-4">
<h2>硬件控制</h2>
<p class="uiflow_p">UIFlow中关于设备硬件的一些基本控制，与信息获取. </p>
@@ -26,13 +41,13 @@
<p class="uiflow_p">UIFlow中关于字符与图形的显示控制，以及图片上传与绘图功能. </p>
<p><a class="btn btn-secondary" href="#/zh_CN/uiflow/ui_simulator" role="button">View details »</a></p>
</div>
</div>
<div class="row">
<div class="col-md-4">
<h2>数据类型</h2>
<p class="uiflow_p">UIFlow中关于数据类型的简介，包括常量、变量、字符、随机数、列表等. </p>
<p><a class="btn btn-secondary" href="#/zh_CN/uiflow/data_structure" role="button">View details »</a></p>
</div>
</div>
<div class="row">
<div class="col-md-4">
<h2>逻辑循环</h2>
<p class="uiflow_p">UIFlow中关于逻辑判断、运算，以及条件循环、迭代、函数等功能的使用. </p>
@@ -43,15 +58,15 @@
<p class="uiflow_p">UIFlow中较为高阶的功能，涉及远程功能、MQTT通信的使用.</p>
<p><a class="btn btn-secondary" href="#/zh_CN/uiflow/advanced" role="button">View details »</a></p>
</div>
</div>
<div class="row">
<div class="col-md-4">
<h2>Units</h2>
<p class="uiflow_p">UIFlow相关的Units使用方法，如ToF,ENV,Realy等模块，包含I/O类和I2C及UART接口的硬件. </p>
<p><a class="btn btn-secondary" href="#/zh_CN/uiflow/Units" role="button">View details »</a></p>
</div>
</div>
<div class="row">
<div class="col-md-4">
<h2>Modules</h2>
<p class="uiflow_p">UIFlow中配合Modules使用的操作说明. </p>
@@ -62,6 +77,9 @@
<p class="uiflow_p">UIFlow中使用FACES面板进行界面交互或数据操作,提高输入效率.</p>
<p><a class="btn btn-secondary" href="#/zh_CN/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">UIFlow自定义程序块的创建与使用. </p>