滑條組件可用于展示和控制設備的某個數值型屬性，或展示接口返回的數值型數據。下文介紹組件的詳細配置方法。 步驟一：添加組件 創建Web應用。具體操作，請參見創建Web應用。 在Web應用編輯器中，單擊最左側的組件圖標。 在畫布左側組件列表上方，輸入滑條，找到該組件，然后將組件拖拽到中間畫布。 有關組件添加的更多信息，請參見添加組件。 步驟二：配置數據源 在Web應用編輯器右側樣式中，單擊展示數據后的配置數據源。 在數據源配置頁面，選擇數據源類型，完成配置。可選數據類型有設備、接口、應用推送。 說明 接口或設備數據源返回的數據類型必須為單精度數字、雙精度數字、整數。 單擊確定。 步驟三：配置樣式 在右側樣式中，完成組件展示的配置。 配置項 說明 數值范圍 設置滑條展示數據的最大、最小值和步長（刻度間隔值）。 兩端標簽 即最小值端點和最大值端點。支持設置字號、顏色和字體粗細。 選中是否隱藏復選框，則表示隱藏兩端標簽。 當前數值 選中是否常駐顯示復選框，則表示在滑條上顯示當前值。支持設置字號、顏色和字體粗細。 滑條樣式 設置滑條的外觀：滑條圓點直徑、滑條底色和滑條上進度顯示顏色。 調整組件在頁面中的最終位置。有關組件通用樣式配置的更多信息，請參見樣式配置。 步驟四：配置交互動作 選中組件的交互頁簽，配置事件和交互動作。具體操作請參見交互配置。 例如，組件值改變，執行動作設置設備屬性，下發指令給某設備，修改該設備的某個屬性值。 單擊頁面右上方的預覽，預覽和調試組件展示的數據和效果。
。
