手册版本 V5.0
组件介绍
gui-segmented-control 分段切换组件适用于分类切换、状态切换等场景,可以对数据进行筛选,也可以配合轮播组件使用达到滑动切换的目的,您也可以把它当成 switch 组件来使用哦 ~
组件名称
gui-segmented-control : /graceUI/组件目录/gui-segmented-control
兼容平台
组件属性
属性名称 | 类型 | 默认值 | 作用 |
items | Array | [] | 切换项目数据, 格式 : ['项目1','项目2',......] |
current | Number | 0 | 当前选择项目的索引 |
borderRadius | String | 6rpx | 组件圆角设置 |
皮肤样式
您可以通过修改对应的皮肤样式,来进一步修改组件的颜色、尺寸等 :
.gui-segmented-control{background-color:#F8F8F8; padding:8rpx;} /* 外层主体 */
.gui-segmented-control-item{color:#2B2E3D; font-size:26rpx; line-height:66rpx;} /* 项目标题 */
.gui-segmented-current{background-color:#2B2E3D; color:#FFFFFF;} /* 激活样式 */
演示代码
登录并购买 GraceUI 后可以查阅完整手册内容 。
登录并购买 GraceUI 后可以查阅完整手册内容 。
登录并购买 GraceUI 后可以查阅完整手册内容 。