旋钮

旋钮是控制组件的一种,支持自定义旋钮及其转盘的大小、颜色等,可在大屏中添加多个旋钮组件,一般用来展示对设备的控制。本文档为您介绍旋钮组件各配置项的含义,帮助您快速准确地使用旋钮组件。

配置


  • 基础设置

    • width:组件在编辑器中的宽度

    • height:组件在编辑器中的高度

    • top:组件与编辑器顶部的距离

    • left:组件与编辑器左侧的距离

  • 控制

    • 表盘最大值:可旋转的最大值

    • 表盘最小值:可旋转的最小值

  • 转盘

    • 转盘宽度:旋钮可转动的圆圈轨道的宽度

    • 转盘底色:旋钮可转动的圆圈轨道的颜色

    • 旋转区域颜色:旋钮转动后,轨道显示的颜色

  • 旋钮

    • 是否展示:控制旋钮的展示

    • 半径:控制旋钮的大小,半径越大,则旋钮越大

    • 颜色:旋钮的颜色,支持hex、rgb以及rgba格式的色值

  • 中间字体

    • 是否展示:控制旋钮的展示。默认:true

    • 字号:旋钮中间的字体大小,默认:16px

    • 颜色:旋钮中间的字体颜色,支持hex、rgb以及rgba格式的色值

    • 字体:旋钮中间的字体

    • 字体粗细:旋钮中间的字体粗细

数据


return [{
    value: 20,
    max: 100,
    min: 0
}]
  • value:旋钮展示的具体值

  • min:旋钮控制的最小值

  • max:旋钮控制的最大值

个搜索结果,搜索内容 “

    0 个搜索结果,搜索内容 “