如何用uiotos,无代码定制扩展组件?| 零代码、0代码、无代码、低代码、可视化编程、nodered、amis、appsmith、LowCodeEngine

83 阅读1分钟

大家好,我是Robbin。组件的多少,是评估一款工具的重要标准

那么,如果组件能**「生崽」呢?二生三,三生万物,即用现有组件,无代码扩展新组件**。

如下所示,页面拖入几个文字、图标,现在要鼠标移入移出,阴影显示

图片

要求:整体作为一个组件,可复制、粘贴,用户能再配置文字、图标

uiotos可以轻松做到。

20241129092133_rec_.gif

先看效果:

步骤如下:

「1」拖入嵌套容器

图片

容器组件能嵌套任何其他页面,并且本身有边框阴影属性

「2」设计内嵌页面

图片

新建页面,拖入文字、图标、按钮等基础组件

「3」容器嵌套页面

图片

将步骤2的页面,嵌套到步骤1的容器

「4」上下层连线操作

图片

内嵌页按钮移入、移除,操作上层容器的边框

说明:

  • 下层页面的组件属性,能继承到上层容器上,继续编辑和连线。

  • 内嵌按钮 → 上层“透明传递” → 上层容器(边框阴影属性)。

小结

uiotos中基础组件可搭配组合,通过连线逻辑、嵌套封装,扩展新组件!**
**

关于

UIOTOS是一款“神奇”的前端工具,支持无代码搭建后台管理上位机HMI大屏组态等各类IoT应用

  • UIOTOS 集成 物联网平台 =   IoT平台上层应用(SCADA、CRUD)
  • UIOTOS 集成 NodeRed  =   工控设备上位机(GUI / HMI)
  • UIOTOS 集成 APIJSON  =   中后台业务管理(CRUD)

图片