档位控件,点按选择
Properties:
Name | Type | Description |
---|---|---|
options |
array.<string> | array.<number> | 档位可选项,以字符串数组表示,必填 |
margin |
number | 档位选项之间的间距,默认 12, 示意图 |12🛑12⭕️12| |
maxWidth |
number | 容器宽度最大值,不传则默认屏幕宽度。 如果所有档位的宽度 + 间距占据的宽度 <= maxWidth,则取实际宽度; 否则容器宽度取 maxWidth,各个档位的宽度和间距自适应减小。 |
containerStyle |
style | 容器样式,设置宽高无效 |
normalStyle |
style | 普通档位样式,如果没有设置宽高,则默认宽高为 50 |
textStyle |
style | 档位文字的样式 |
selectColor |
string | 被选择档位的背景色 |
selectIndex |
number | 被选择档位的数组下标 |
onSelect |
function | 选择某档位后的回调函数 |
- Since:
- 10011
Methods
getCorrectLayout() → {Object}
根据选项的宽度、间距和 maxWidth ,计算容器实际宽度,选项实际宽度,实际间距