更新记录

1.0.3（2023-11-29） 下载此版本

修改MD文件

1.0.2（2023-11-29） 下载此版本

增加了几个修改样式的参数

1.0.1（2023-11-29） 下载此版本

1.优化传入滑块宽度，滑块位置显示不正确的问题 2.增加 barExtends: 滑块动画延申倍数 参数，可调整滑块播放动画时拉伸的大小

平台兼容性

使用组件

<tabs :list="list" :current="current" @change="change"></tabs>

引入组件

import Tabs from '@/components/jarvis-tabs/tabs.vue';

注册组件

export default {
    components: { Tabs },
    data() {
        return {
            current: 0,
            value: [
                {
                    label: '全部',
                    value: '',
                },
                {
                    label: '已收货',
                    value: 1,
                },
                {
                    label: '待收货',
                    value: 2,
                },
            ],
        };
    },
    methods: {
        change(data) {
            this.current = data;
            uni.showToast({
                title: `当前选中第${data}个`,
            });
        },
    },
};

参数

事件

// tbas改变时触发
@change(index)