旋鈕是控制組件的一種,支援自訂旋鈕及其轉盤的大小、顏色等,可在大屏中添加多個旋鈕組件,一般用來展示對設備的控制。本文檔為你介紹旋鈕組件各配置項的含義,幫助你快速準確地使用旋鈕組件。
基礎設置
width:組件在編輯器中的寬度
height:組件在編輯器中的高度
top:組件與編輯器頂部的距離
left:組件與編輯器左側的距離
控制:
錶盤最大值:可旋轉的最大值
錶盤最小值:可旋轉的最小值
轉盤:
轉盤寬度:旋鈕可轉動的圓圈軌道的寬度
轉盤底色:旋鈕可轉動的圓圈軌道的顏色
旋轉區域顏色:旋鈕轉動後,軌道顯示的顏色
旋鈕:
是否展示:控制旋鈕的展示
半徑:控制旋鈕的大小,半徑越大,則旋鈕越大
顏色:旋鈕的顏色,支援hex、rgb以及rgba格式的色值
中間字體:
是否展示:控制旋鈕的展示。默認:true
字型大小:旋鈕中間的字體大小,預設:16px
顏色:旋鈕中間的字體顏色,支援hex、rgb以及rgba格式的色值
字體:旋鈕中間的字體
字體粗細:旋鈕中間的字體粗細
return [{
value: 20,
max: 100,
min: 0
}]
value:旋鈕展示的具體值
min:旋鈕控制的最小值
max:旋鈕控制的最大值