SegmentedControl 分段器

用作不同视图的显示，组件名：uni-segmented-control，代码块： uSegmentedControl。

使用方式：

在 script 中引用组件

import uniSegmentedControl from "@/components/uni-segmented-control/uni-segmented-control.vue"
export default {
    components: {uniSegmentedControl},
    data() {
        return {
            items: ['选项卡1','选项卡2','选项卡3'],
            current: 0
        }
    },
    methods: {
        onClickItem(index) {
            if (this.current !== index) {
                this.current = index;
            }
        }
    }
}

SegmentedControl 在 template 中的使用

<template>
    <view>
        <uni-segmented-control :current="current" :values="items" @clickItem="onClickItem" style-type="button" active-color="#4cd964"></uni-segmented-control>
        <view class="content">
            <view v-show="current === 0">
                选项卡1的内容
            </view>
            <view v-show="current === 1">
                选项卡2的内容
            </view>
            <view v-show="current === 2">
                选项卡3的内容
            </view>
        </view>
    </view>
</template>

SegmentedControl 属性说明：