gui-segmented-control 分段切换组件适用于分类切换、状态切换等场景,可以对数据进行筛选,也可以配合轮播组件使用达到滑动切换的目的,您也可以把它当成 switch 组件来使用。
gui-segmented-control : GraceUI 组件目录/gui-segmented-control.vue
H5 | APP | 小程序 | NVUE |
✔ | ✔ | ✔ | ✔ |
属性名称 | 类型 | 默认值 | 作用 |
items | Array | [] | 切换项目数据, 格式 : ['项目1','项目2',......] |
current | Number | 0 | 当前选择项目的索引 |
borderRadius | String | 6rpx | 组件圆角设置 |
customStyle | String | '' | 组件外层行业样式 |
customClass | Array | ['gui-bg-white', 'gui-dark-bg-level-2', 'gui-padding-small'] | 组件外层自定义样式 |
itemClass | Array | ['gui-text'] | 组件项目自定义样式 |
activeClass | Array | ['gui-bg-primary', 'gui-color-white'] | 选项激活时自定义样式 |