#header-mark#
SelectNumbers 数字列表选择器
用于选择、创建数字列表。
基础用法
输入数字，可以拖放数字来重新排序。
可以通过 data_type 将列表指定为 float 或 int。
限制选择范围
可以限制数字选择范围。
通过 min 和 max 限制可选范围。
标签风格
使用 type 来定义标签的风格。
格式化展示
对于数值的展示可以使用 format 来格式化。
提示信息
通过 tooltip 属性在鼠标 hover 时展示提示信息。
API
属性
| 属性名 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| v-model/value | 绑定值 | list | — |
| min | 允许的最小值 | int|float | -inf |
| max | 允许的最大值 | int|float | inf |
| type | 类型 | enum | — |
| data_type | 数据类型 | enum | float |
| format | 数据展示格式化 | str | — |
| tooltip | 提示信息 | str | — |
| style | 自定义css样式 | str | - |
TIP
style 支持的其它css属性
Sizes相关
- height
- width
- max_height
- max_width
- min_height
- min_width
Display相关
- visibility
- display
- overflow
Box model相关
- border
- margin
- padding
Positioning相关
- top
- left
- bottom
- right
方法
| 属性名 | 说明 | 类型 |
|---|
src/examples/ipywui/component/select-numbers