这篇文章主要介绍了微信小程序 (三)tabBar底部导航详细介绍的相关资料,需要的朋友可以参考下

微信小程序中tabBar底部导航的介绍-LMLPHP

tabBar相对而言用的还是比较多的,但是用起来并没有难,在app.json中配置下tabBar即可,注意tabBar至少需要两个最多五个Item选项

主要属性:

对于tabBar整体属性设置:

微信小程序中tabBar底部导航的介绍-LMLPHP

对于tabBar中每个Item属性设置:

微信小程序中tabBar底部导航的介绍-LMLPHP

下面是官网一张图对tabBar描述:

微信小程序中tabBar底部导航的介绍-LMLPHP

app.json的配置相对就简单了:

微信小程序中tabBar底部导航的介绍-LMLPHP

相关文章:

hello WeApp icon组件
Window text组件 switch组件
tabBar底部导航 progress组件 action-sheet
应用生命周期 button组件 modal组件
页面生命周期 checkbox组件 toast组件
模块化详 form组件详 loading 组件
数据绑定 input 组件 navigator 组件
View组件 picker组件 audio 组件
scroll-view组件 radio组件 video组件
swiper组件 slider组件 Image组件

以上就是本文的全部内容,希望对大家的学习有所帮助,更多相关内容请关注Work网!

相关推荐:

微信小程序button组件的使用介绍

微信小程序 textarea 的使用方法

以上就是微信小程序中tabBar底部导航的介绍的详细内容,更多请关注Work网其它相关文章!

09-01 12:15