更新记录

1.0.2（2023-06-08） 下载此版本

增加预览二维码

1.0.1（2023-05-31） 下载此版本

增加license

1.0.0（2023-05-25） 下载此版本

初始化发布

平台兼容性

uni-app

liu-tabs适用于uni-app项目的tabs选项卡、滑动选项卡组件

本组件目前兼容微信小程序、H5

本组件是仿京东tabs选项卡、滑动选项卡组件，滑动动画效果 自动宽度，结合swiper使用，自动定位到对应内容，可自定义tab样式

--- 扫码预览、关注我们 ---

扫码关注公众号，查看更多插件信息，预览插件效果！

使用示例

复制代码<template>
    <view class="tab-box">
        <liu-tabs :tabList="tabList" @change="change"></liu-tabs>
    </view>
</template>

<script>
    export default {
        data() {
            return {
                tabList: [{
                    id: 1,
                    name: '热门推荐'
                }, {
                    id: 2,
                    name: '品牌推荐'
                }, {
                    id: 3,
                    name: '热门分类'
                }, {
                    id: 4,
                    name: '家居家纺'
                }, {
                    id: 5,
                    name: '家居建材'
                }, {
                    id: 6,
                    name: '餐厨水具'
                }, {
                    id: 7,
                    name: '家用电器'
                }, {
                    id: 8,
                    name: '数码手配'
                }]
            };
        },
        methods: {
            change(e) {
                console.log('当前点击菜单信息:', e)
            }
        }
    };
</script>

<style lang="scss" scoped>
    .tab-box {
        width: 100%;
        height: 100vh;
        background-color: #f0f0f0;
    }
</style>

属性说明