更新记录

1.0.2（2025-05-28） 下载此版本

优化Props代码

1.0.1（2025-05-26） 下载此版本

修复背景虚空占位问题

1.0.0（2025-05-26） 下载此版本

初始版本发布

平台兼容性

uni-app

uni-app x

其他

zws-tabs 组件文档

基本介绍

zws-tabs 是一个轻量级的标签页切换组件，支持自定义样式和动画效果。

安装使用

复制代码<template>
    <zws-tabs :list="tabsList" :lineStyle="lineStyle" :activeStyle="activeStyle"
        :inactiveStyle="inactiveStyle" duration="300ms" @click="ckickTabs" />
</template>
<script setup>
    const tabsList = ref([
        { name: '首页' },
        { name: '分类' },
        { name: '我的' },
        { name: '关注' },
        { name: '精彩' },
        { name: '新闻' },
        { name: '少儿' },
        { name: '音乐' }
    ])
    const lineStyle = {
        'width': '45rpx',
        'height': '4px',
        'background-color': 'red'
    }
    const activeStyle = {
        'color': '#303133',
        'font-size': '35rpx',
        'font-weight': 'bold'
    }
    const inactiveStyle = {
        'color': '#606266',
        'font-size': '35rpx'
    }
    const ckickTabs=(item:UTSJSONObject)=>{
        console.log(item);
    }
</script>

Tabs Props

Tabs Events

作者QQ：3973360713，有需要可联系