>[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
- 序言
- 環境配置
- 下載及安裝
- 目錄結構
- 系統配置
- 多語言
- 命令行(pro版)
- 自動生成模塊或插件(build)
- 生成模塊
- 生成插件
- 自動生成增刪改查(crud)
- 第一步:創建數據表
- 第二步:使用crud指令生成
- 自動生成類庫文件(make)
- 生成控制器文件(make:controller)
- 生成模型文件(make:model)
- 生成邏輯文件(make:logic)
- 生成服務文件(make:service)
- 生成驗證器文件(make:validate)
- 構建器(pro版)
- 表單構建器(form)
- 表單屬性設置
- 添加表單項
- 文本框(text)
- 隱藏域(hidden)
- 密碼框(password)
- 文本域(textarea)
- 單文件(file)
- 多文件(files)
- 單圖(image)
- 多圖(images)
- 開關(switch)
- 單選(radio)
- 多選(checkbox)
- 下拉框(select)
- 標簽(tag)
- 日期時間(datetime)
- 顏色選擇器(color)
- 富文本編輯器(editor)
- 滑塊(slider)
- 評分(rate)
- 穿梭框(transfer)
- 進度條(progress)
- 樹形(tree)
- 聯動(linkage)
- 自定義html(html)
- 分隔線(line)
- 文字(txt)
- 下拉框增強版(select+)
- 數據表格(table)
- 添加表單分組(group)
- 柵格布局(grid)
- 觸發器(trigger)
- 通用上傳方法
- 表格構建器(table)
- 表格基礎配置
- 添加表頭工具欄
- 添加表格篩選
- 頁面提示(pageTips)
- 引入 JS 文件
- 引入 CSS 文件
- 渲染額外 JS 代碼
- 渲染額外 CSS 代碼
- 模塊開發
- 1.生成模塊
- 2.創建菜單
- 3.創建控制器
- 后臺通用方法
- 插件開發
- 1.新建插件
- 2.插件配置
- 3.插件控制器
- 4.插件模板
- 5.插件鉤子
- 模板替換變量
- 公共函數庫
- 后臺通用JS方法
- 常見問題
- 官方模塊
- CMS內容管理模塊
- 目錄結構
- 模板標簽
- API接口
- 欄目頁/內容頁
- 小程序發布
- 官方插件
- 第三方登錄
- excel插件
- 萬能采集
- 采集規則
- 采集內容