SegmentedControl 分段器 APP

该方法或组件支持移动端小程序调用

PC

该方法或组件支持桌面端小程序调用

由至少 2 个分段控件组成，用作不同视图的显示；是 iOS 的推荐组件。

规则

• 和 Tabs 功能相似，尽可能避免一个页面中同时出现这两个组件。
• 可以搭配 NavBar 一起使用，用于显示多个视图，分段数一般为 2 个。
• 单独放置一行时，分段数最多为 5 个；文案需要精简，一般 2-4 个字。
• 尽可能保持文案长度一致。

引入方式

数字生活网页应用工程中，不需要 import，直接使用组件标签即可。

import {Segment} from '@21cnfe/vui'  
Vue.component('Segment', Segment)

代码演示

SegmentedControl 分段器 segments

示例链接

示例源码

二维码

扫二维码查看演示效果

x

SegmentedControl 分段器

<Segment :values="segments" @onChange="changeValue"></Segment>

<Segment :values="segments" disabled></Segment>

<Segment :values="segments" tintColor="#ff0000"></Segment>

API

Event