>[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]![](https://img.kancloud.cn/24/ea/24ea9febe697b3e98c7234a8fff02240_598x43.png)
>[] 示例代码:
```
$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插件
- 万能采集
- 采集规则
- 采集内容