欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  微信小程序

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

程序员文章站 2022-03-22 08:44:55
...
这篇文章主要介绍了微信小程序 (三)tabBar底部导航详细介绍的相关资料,需要的朋友可以参考下

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

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

主要属性:

对于tabBar整体属性设置:

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

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

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

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

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

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

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

相关文章:

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组件

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

相关推荐:

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

微信小程序 textarea 的使用方法

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