旋钮是控制组件的一种,支持自定义旋钮及其转盘的大小、颜色等,可在大屏中添加多个旋钮组件,一般用来展示对设备的控制。本文档为您介绍旋钮组件各配置项的含义,帮助您快速准确地使用旋钮组件。
基础设置
width:组件在编辑器中的宽度
height:组件在编辑器中的高度
top:组件与编辑器顶部的距离
left:组件与编辑器左侧的距离
控制:
表盘最大值:可旋转的最大值
表盘最小值:可旋转的最小值
转盘:
转盘宽度:旋钮可转动的圆圈轨道的宽度
转盘底色:旋钮可转动的圆圈轨道的颜色
旋转区域颜色:旋钮转动后,轨道显示的颜色
旋钮:
是否展示:控制旋钮的展示
半径:控制旋钮的大小,半径越大,则旋钮越大
颜色:旋钮的颜色,支持hex、rgb以及rgba格式的色值
中间字体:
是否展示:控制旋钮的展示。默认:true
字号:旋钮中间的字体大小,默认:16px
颜色:旋钮中间的字体颜色,支持hex、rgb以及rgba格式的色值
字体:旋钮中间的字体
字体粗细:旋钮中间的字体粗细
return [{
value: 20,
max: 100,
min: 0
}]
value:旋钮展示的具体值
min:旋钮控制的最小值
max:旋钮控制的最大值