>[danger] 友情提示：構建器目前只支持HisiPHP Pro版本（[我要升級](https://www.hisiphp.com/authorize.html)） ## 滑塊（slider） | 參數 | 類型 | 必須 | 默認 | 說明 | --- | --- | --- | --- | --- | | type | string | Y | | 固定值：slider | | name | string | Y | | 字段名稱 | | title | string | Y | | 標題 | | grid | Array | N | [12, 12, 12, 12] | [柵格布局](柵格布局.md)| | options | array | Y | | 配置參數，詳見下面的**參數一覽表** | | tips | string | N | | 提示說明 | >[info] >[] 示例代碼： ``` $assign['buildForm']['items'] = [ [ 'type' => 'slider', 'title' => '滑塊', 'name' => 'slider', 'options' => [ 'range' => true, 'step' => 10, 'showstep' => true, 'value' => [30, 60] ], 'tips' => '滑塊提示', ], // 更多表單項.... ]; $this->assign($assign); ``` ## 參數一覽表（options） 參數選項 | 說明 | 類型 | 默認值 | --- | --- | --- | --- | type | 滑塊類型，可選值有：default（水平滑塊）、vertical（垂直滑塊） | string | default min | 滑動條最小值，正整數，默認為 0 | number | 0 max | 滑動條最大值 | number | 100 range | 是否開啟滑塊的范圍拖拽，若設為 true，則滑塊將出現兩個可拖拽的環 | boolean | false value | 滑塊初始值，默認為數字，若開啟了滑塊為范圍拖拽（即 range: true），則需賦值數組，異表示開始和結尾的區間，如：value: [30, 60] | number/Array | 0 step | 拖動的步長 | number | 1 showstep | 是否顯示間斷點 | boolean | false tips | 是否顯示文字提示 | boolean | true input | 是否顯示輸入框（注意：若 range 參數為 true 則強制無效）點擊輸入框的上下按鈕，以及輸入任意數字后回車或失去焦點，均可動態改變滑塊 | boolean | false height | 滑動條高度，需配合 type:"vertical" 參數使用 | number | 200 disabled | 是否將滑塊禁用拖拽 | boolean | false theme | 主題顏色，以便用在不同的主題風格下 | string | #009688