更新记录

1.0.1（2022-12-29）

添加滚动居中功能

1.0.0（2022-12-26）

1.0.0

平台兼容性

zySegmented 分段器

zySegmented 分段器属性

zySegmented 分段器事件

zyTable 使用方式

<template>
    <view class="container">
        <!-- 基础模式 -->
        <view class="text">基础模式</view>
        <zy-segmented :values="items"></zy-segmented>
        <!-- 按钮模式 -->
        <view class="text">按钮模式</view>
        <zy-segmented :values="items" styleType='button'></zy-segmented>
        <!-- 内嵌按钮模式 -->
        <view class="text">内嵌按钮模式</view>
        <zy-segmented :values="items" styleType='inlineButton'></zy-segmented>
        <!-- 更换主题 -->
        <view class="text">更换主题</view>
        <zy-segmented :values="items" activeColor='#ff0000'></zy-segmented>
        <!-- 自定义初始位置 -->
        <view class="text">自定义初始位置</view>
        <zy-segmented :values="items" :current="current" @onClickItem="onClickItem"></zy-segmented>
    </view>
</template>

<script>
    import zySegmented from "@/uni_modules/zy-segmented-control/components/zy-segmented-control/zy-segmented-control.vue"
    export default {
        components: {
            zySegmented
        },
        data() {
            return {
                items: ['分段器1', '分段器2', '分段器3'], //分段器名称
                current: 1, //分段器默认初始值
            }
        },
        methods: {
            // 分段器选项发生改变时触发
            onClickItem(e) {
                this.current = e
            },
        }
    }
</script>

<style lang="scss" scoped>
    /* 白色 */
    $zy-classic-white: #ffffff;

    /* 灰色 */
    $zy-classic-grey: #999999;

    .container {
        width: 100%;
        background-color: $zy-classic-white;
    }

    .text {
        padding: 20rpx;
        font-size: 26rpx;
        color: $zy-classic-grey;
    }
</style>

如使用过程中有任何问题，或者您有一些好的建议，欢迎联系QQ：2360273432