...
列表筛选器包括单选和多选两种形式,一般适用于备选值较少的场景。
2.1 展示效果
筛选器类型 | 说明 | 示例效果 | |
---|---|---|---|
单选列表 | 筛选器的备选值以单选列表的形式展示,每次只能选择一个值筛选数据。 | ||
多选列表 | 筛选器的备选值以多选列表的形式展示,每次支持连续选择多个值筛选数据。 |
2.2 属性设置
在组件设置的属性中,可对列表筛选器修改样式效果,样式设置包括:名称、每行列数、滚动条、风格。
...
组件高宽在某些临界值时刚好出现了滚动条,但调整组件高宽比较难设置实现在不同显示设备都不显示滚动条,为了美观可通过此设置项设置隐藏组件内部的滚动条。
4、风格
列表样式筛选器支持设置两种风格:选框和按钮,默认效果为 选框 。
(1)选框风格支持设置选框颜色和文字样式,以多选列表为例,设置项及效果如下图所示:
(2)按钮风格支持设置圆角、边框和选项等样式,以单选列表为例,设置项及效果如下图所示:
样式 | 设置项 | 效果图 |
---|---|---|
默认 | ||
自定义 | 设置所有按钮平铺后四周的圆角。 | |
设置所有按钮平铺后整体的边框样式。 | ||
设置单个按钮的边框、高宽和颜色等。 | ||
设置选中按钮时的背景色和文字样式。 |
...
下拉筛选器包括单选和多选两种形式,一般适用于备选值较多、控件展示空间较小的场景。
3.1 展示效果
筛选器类型 | 说明 | 示例效果 | |
---|---|---|---|
单选下拉 | 筛选器的备选值以单选的下拉框形式展示,每次只能选择一个值筛选数据。 | ||
多选下拉 | 筛选器的备选值以多选的下拉框形式展示,每次支持连续选择多个值筛选数据。 |
3.2 全部
3.3 属性设置
在组件设置的属性中,可对下拉筛选器修改样式效果,样式设置包括:名称、控件和自定义值。
...