更新记录

1.0.1（2021-09-03） 下载此版本

1、顶部横向导航栏。

平台兼容性

uni-app

其他

顶部导航栏

简介

顶部导航栏是可以横向滑动的自定义导航栏。

属性

1、tabItem

2、options

事件

基本用法

<topbar @tabItemClick="handleItemClick" :options="options" :tabItem="tabItem"></topbar>

import topbar from '../../components/top-tabbar/top-tabbar.vue'
data:{
    return {
        options:{
            top_backgroundcolor:'#e64d3a',
            top_itemcolor:'#000000',
            top_itemselectcolor:'#ffffff'
        },
        tabItem: [
            {
                name: '中国明星',
                id: 2001
            },
            {
                name: '欧美明星',
                id: 2002
            }
        ]
    }
}

methods: {
    handleItemClick(e) {
        console.log(e)
    }
}

兼容性

微信、QQ小程序、Android、Edge实测没问题，IOS没有本子尚未测试。

其他

遇到问题欢迎评论指出，感谢你的关注和支持。

demo

【蝴蝶壁纸】QQ小程序，每天分享免费壁纸！

【缘来是星座】微信小程序，每天1点、7点、17点更新十二星座运势，还可以查看你的他（她）和你是否配对奥！