效果

UIOTOS文档:扇叶(图标)旋转 | 页面嵌套 零代码 低代码 0代码 无代码 iframe 数据大屏 web组态 前端框架 | 致敬amis codewave 乐吾乐 goview dat_连线

步骤


新建

参见 1新建。命名为"扇叶图标旋转"

拖入组件

拖入 定时器 透明传递组件,fan1图标,并属性设置。

UIOTOS文档:扇叶(图标)旋转 | 页面嵌套 零代码 低代码 0代码 无代码 iframe 数据大屏 web组态 前端框架 | 致敬amis codewave 乐吾乐 goview dat_连线_02


UIOTOS文档:扇叶(图标)旋转 | 页面嵌套 零代码 低代码 0代码 无代码 iframe 数据大屏 web组态 前端框架 | 致敬amis codewave 乐吾乐 goview dat_数据绑定_03


UIOTOS文档:扇叶(图标)旋转 | 页面嵌套 零代码 低代码 0代码 无代码 iframe 数据大屏 web组态 前端框架 | 致敬amis codewave 乐吾乐 goview dat_连线_04

透明传递属性设置:

  • 输入组设置5
  • 勾选"输出合并非覆盖"

UIOTOS文档:扇叶(图标)旋转 | 页面嵌套 零代码 低代码 0代码 无代码 iframe 数据大屏 web组态 前端框架 | 致敬amis codewave 乐吾乐 goview dat_连线_05

扇叶属性设置:锁定角度属性,(参见 属性数据绑定)。

UIOTOS文档:扇叶(图标)旋转 | 页面嵌套 零代码 低代码 0代码 无代码 iframe 数据大屏 web组态 前端框架 | 致敬amis codewave 乐吾乐 goview dat_连线_06

定时器属性设置:间隔周期设置10

UIOTOS文档:扇叶(图标)旋转 | 页面嵌套 零代码 低代码 0代码 无代码 iframe 数据大屏 web组态 前端框架 | 致敬amis codewave 乐吾乐 goview dat_属性设置_07


完整步骤如下:

UIOTOS文档:扇叶(图标)旋转 | 页面嵌套 零代码 低代码 0代码 无代码 iframe 数据大屏 web组态 前端框架 | 致敬amis codewave 乐吾乐 goview dat_属性设置_08

连线操作

**步骤1:**不关联属性( 定时器)→执行( 透明传递)。 步骤2:输出 透明传递)→(角度)扇叶。

UIOTOS文档:扇叶(图标)旋转 | 页面嵌套 零代码 低代码 0代码 无代码 iframe 数据大屏 web组态 前端框架 | 致敬amis codewave 乐吾乐 goview dat_属性设置_09

UIOTOS文档:扇叶(图标)旋转 | 页面嵌套 零代码 低代码 0代码 无代码 iframe 数据大屏 web组态 前端框架 | 致敬amis codewave 乐吾乐 goview dat_属性设置_10

效果

开启 定时器

UIOTOS文档:扇叶(图标)旋转 | 页面嵌套 零代码 低代码 0代码 无代码 iframe 数据大屏 web组态 前端框架 | 致敬amis codewave 乐吾乐 goview dat_数据绑定_11

UIOTOS文档:扇叶(图标)旋转 | 页面嵌套 零代码 低代码 0代码 无代码 iframe 数据大屏 web组态 前端框架 | 致敬amis codewave 乐吾乐 goview dat_连线_12