本文介绍了如何在uniapp中实现基于原生系统tabbar的高性能底部菜单凸起效果，解决了切换页面卡顿、闪烁等问题。通过修改系统底部tabbar，插入一个向上凸起的图片菜单，并提供了事件监听处理方法，适用于uniapp v2和v3版本。
前言
网上有很多自定义 tabbar 底部菜单的教程，但终归是组件形式，避免不了切换页面卡顿、闪屏闪烁、各平台不兼容等一系列问题。
在 uni-app 全平台兼容（H5网页网站、支付宝/微信小程序、安卓App、苹果App、nvue）项目开发中，详解基于 uniapp 系统原生 tabbar 底部菜单，植入一个向上凸起的 “图片” 菜单，并支持点击触发事件，
支持 uniapp v2 / v3 版本，您可以直接复制代码，换个中间凸起的菜单图片就能用了。
如下图所示，并非自定义组件形式，而是通过修改系统底部 tabbar 的形式，兼容性、性能毋庸置疑！
仅支持 H5 网页与 App 安卓苹果端，不支持微信小程序！
订阅专栏 解锁全文
扫一扫
6197
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
