顶部导航

顶部导航顶部 导航 tab

顶部导航的可滑动tab标签

作者： 106***@qq.com 已实名认证

进入交流群

下载人数: 20 下载次数: 22

收藏人数: 0

（0）

插件ID：wade-tabbar

插件包体积：1.1KB

更新日期：2024-08-29

版本：1.0.0

下载插件并导入HBuilderX

注意：导入此插件需要使用 2.9+ 以上版本的 HBuilderX

赞赏（0）

本站所有收费插件均支持免费试用，切勿私下交易或购买不可正常试用的插件，而造成不必要的纠纷。

更新记录

1.0.0（2024-08-29）下载此版本

首次发布

平台兼容性

uni-app

Vue2	Vue3	Chrome	Safari	app-vue	app-nvue	Android	iOS	鸿蒙
√	-	-	-	-	-	-	-	-

微信小程序	支付宝小程序	抖音小程序	百度小程序	快手小程序	京东小程序	鸿蒙元服务	QQ小程序	飞书小程序	快应用-华为	快应用-联盟
-	-	-	-	-	-	-	-	-	-	-

1. 使用说明

在 template 中使用组件

<template>
    <view class="content">
        <wade-tabbar :tabList="tabList" @clickNav="clickTab"></wade-tabbar>
    </view>
</template>

<script>
    export default {
        data() {
            return {
                title: 'Hello',
                tabList: [{
                  name: '最新',
                }, {
                  name: '大公司',
                }, {
                  name: '内容',
                }, {
                  name: '消费',
                }, {
                  name: '娱乐',
                }, {
                  name: '区块链',
                }], 
            }
        },
        onLoad() {

        },
        methods: {
            clickTab(index){
                console.log(index)
            }
        }
    }
</script>

2. 属性说明