uni-app中自定义动态底部tabbar(附示例源码)

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了uni-app中自定义动态底部tabbar(附示例源码)相关的知识,希望对你有一定的参考价值。

参考技术A 项目地址 fr_uni_app

1、比如需要特殊的图标 多出来一部分的

2、根据登陆帐号的身份加载不同的tabbar

只要控制 store中的 底部菜单数据 即可。页面中动态渲染

uni-app 自定义修改底部tabBar

参考技术A 不同的身份显示的底部不同,这时候需要自定义修改底部tabBar
底部数量相同的情况下,自定义修改底部tabBar

uni.setTabBarItem(

  index: 1,

  text: '任务',

  iconPath: '/static/tabbar/gongzuotai-01.png',

  selectedIconPath: '/static/tabbar/gongzuotai-02.png'

)

以上是关于uni-app中自定义动态底部tabbar(附示例源码)的主要内容,如果未能解决你的问题,请参考以下文章

uni-app 自定义修改底部tabBar

uni-app底部安全距离遮挡以及底部tabbar距离

uni-app如何用uView自定义底部导航

Uni-app页面路由区分注意事项

uniCloud云开发----6uniapp配置tabbar底部导航栏和去掉uni-app顶部标题

微信小程序自定义Tabbar,附详细源码