更新记录

1.0.9（2023-12-09）

fix(1.0.9): 新增curr参数，用来设置默认选项

1.0.8（2023-12-08）

fix: 更新文档

1.0.7（2023-12-06）

fix: 修复一些问题

平台兼容性

ux-bottom-bar 底部带凸起按钮导航栏

使用方式

以uni_modules方式导入该组件

1. 在需要的地方使用该组件

<ux-bottom-bar :tabs="customTabs" @on-tab-active="onTabActive"></ux-bottom-bar>

2. 参数解析

3. Icon类型参数解析

备注：

icon参数：使用的ux-icons图标组件，只需要将图标名传给icon参数，则默认启用图标，如果icon为空字符串，则默认使用iconPath和selectedIconPath

middle参数：如果该参数为true，默认屏蔽text参数

如果所有选项的middle都设置为false，则为普通的tab切换

4. 事件

5. tabs参数示例

//type Icon[]的使用示例
customTabs: [
    {
        iconPath: "/static/images/tabbar/index.png",
        selectedIconPath: "/static/images/tabbar/index-active.png",
        pagePath: "components/home",
        text: "首页",
        middle: false,
        icon: 'all'
    },
    {
        iconPath: "/static/images/tabbar/middle.png",
        selectedIconPath: "/static/images/tabbar/middle-active.png",
        pagePath: "/pages/index/index",
        text: "",
        middle: true,
        icon: 'atm'
    },
    {
        iconPath: "/static/images/tabbar/mine.png",
        selectedIconPath: "/static/images/tabbar/mine-active.png",
        pagePath: "components/mine",
        text: "我的",
        middle: false,
        icon: 'account'
    },
] as BottomBarItem[]