前言
網(wǎng)上有很多自定義 tabbar 底部菜單的教程,但終歸是組件形式,避免不了切換頁面卡頓、閃屏閃爍、各平臺不兼容等一系列問題。
本文 基于 uniapp 系統(tǒng)原生 tabbar 底部菜單,植入一個(gè)向上凸起的 “圖片” 菜單,并支持點(diǎn)擊觸發(fā)事件,
您可以直接復(fù)制代碼,換個(gè)中間凸起的菜單圖片就能用了。
如下圖所示,并非自定義組件形式,而是通過修改系統(tǒng)底部 tabbar 的形式,兼容性、性能毋庸置疑!
僅支持 H5 網(wǎng)頁與 App 安卓蘋果端,不支持微信小程序!
文章來源:http://www.zghlxwxcb.cn/news/detail-831617.html
示例代碼
打開文章來源地址http://www.zghlxwxcb.cn/news/detail-831617.html
到了這里,關(guān)于uniapp - [ H5 網(wǎng)頁 / App ] 高性能 tabbar 底部菜單凸起效果,原生系統(tǒng)自定義底部菜單不卡頓、切換頁面不閃爍、自動(dòng)緩存頁面(底部菜單中間自定義一個(gè)圖片并懸浮起來)的文章就介紹完了。如果您還想了解更多內(nèi)容,請?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!