Php过滑块,滑块(slider)

>[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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值