更新记录

1.0.1（2025-01-09） 下载此版本

增加flexBetweenMode

1.0.0（2025-01-09） 下载此版本

1、首次更新

平台兼容性

dui-tab 标签页选项卡

组件名：dui-tab

一个移动端个性化的，自定义样式的tab标签页tab选项卡

注意事项 为了避免错误使用，给大家带来不好的开发体验，请在使用组件前仔细阅读下面的文档，可以帮你避免一些错误。

基本用法

在 template 中直接使用组件

<template>
    <dui-tab :tabList="tabList" v-model="tabActiveInd" @change="changeTab"></dui-tab>
</template>

const tabActiveInd = ref(0);
const tabList = [
    {
        id: 1,
        name: '全部'
    },
    {
        id: 2,
        name: '零食'
    },
    {
        id: 3,
        name: '速冻'
    },
    {
        id: 4,
        name: '电影票'
    },
    {
        id: 5,
        name: '冷藏'
    },
    {
        id: 6,
        name: '蔬菜'
    }
];
const changeTab = (e)=>{
    console.log(e)
}

API

Props

tabList子项为object, 其属性如下：

Events