网站首页 美食营养 游戏数码 手工爱好 生活家居 健康养生 运动户外 职场理财 情感交际 母婴教育 时尚美容

微信小程序怎样设置tabbar选项

时间:2024-10-13 10:18:17

1、如图所示,小编我就在微信小程序下面设置了两个tab选项卡。

微信小程序怎样设置tabbar选项

2、接着来到右边的小程序文件夹中便可以看到有in蟠校盯昂dex以及logs选项。tab配置的时候必须设置路由页面为其中一个才可以显示。

微信小程序怎样设置tabbar选项

3、然后在app.json中输入tab即可感应到这个tabbar组件。然后回车便会自动完整输入整个tabbar组件了哦。

微信小程序怎样设置tabbar选项

4、组件中有一个list数组用来存放tabbar的个数。如图所示,一个花括号表示的就是一个选项卡。此处是两个则表示两个选项卡。text则是设置选项卡中的文本提示的哦。

微信小程序怎样设置tabbar选项

5、然后就是设置点击选项卡时的跳转页面了哦。此处必须设置为index或者logs才会显示tabbar。

微信小程序怎样设置tabbar选项

6、然后这两个就是设置tabbar的选中状态与未选中状态下的图标路径了哦。

微信小程序怎样设置tabbar选项

7、最后看看小编我设置的三个tabbar选项卡的效果图吧。

微信小程序怎样设置tabbar选项
© 2025 小知经验
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com