You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
35 lines
1.3 KiB
35 lines
1.3 KiB
2 years ago
|
# hd-section
|
||
|
|
|
||
|
|
Section 分段器
|
||
|
|
|
||
|
|
## Props
|
||
|
|
|
||
|
|
<!-- @vuese:hd-section:props:start -->
|
||
|
|
|Name|Description|Type|Required|Default|
|
||
|
|
|---|---|---|---|---|
|
||
|
|
|list|数据集合|`Array`|`false`|[]|
|
||
|
|
|current|当前激活项的下标|`Number` / `String`|`false`|默认值：`0`|
|
||
|
|
|activeColor|激活项的颜色|`String`|`false`|默认值：`#202124`|
|
||
|
|
|mode|模式|`'button（按钮形式）'` / `'subsection（分段模式）'`|`false`|默认值：`button`|
|
||
|
|
|fontSize|字体大小，单位rpx|`Number` / `String`|`false`|默认值：`28`|
|
||
|
|
|animation|是否开启动画效果|`Boolean`|`false`|默认值：`true`|
|
||
|
|
|height|组件的高度，单位rpx|`Number` / `String`|`false`|默认值：`70`|
|
||
|
|
|bold|激活项的字体是否加粗|`Boolean`|`false`|默认值：`true`|
|
||
|
|
|bgColor|组件背景颜色（ mode=button时生效）|`String`|`false`|默认值：`#EBECEE`|
|
||
|
|
|buttonColor|滑块背景颜色（ mode=button时生效）|`String`|`false`|默认值：`#ffffff`|
|
||
|
|
|vibrateShort|切换选项时是否振动|`Boolean`|`false`|默认值：`false`|
|
||
|
|
|
||
|
|
<!-- @vuese:hd-section:props:end -->
|
||
|
|
|
||
|
|
|
||
|
|
## Events
|
||
|
|
|
||
|
|
<!-- @vuese:hd-section:events:start -->
|
||
|
|
|Event Name|Description|Parameters|
|
||
|
|
|---|---|---|
|
||
|
|
|change|选项切换时触发|value:Number 被激活项的下标|
|
||
|
|
|
||
|
|
<!-- @vuese:hd-section:events:end -->
|
||
|
|
|
||
|
|
|