微信小程序怎样设置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选项
  • PotPlayer去除听障者字幕如何关闭
  • 手机QQ如何面对面秒传文件
  • 易语言如何调用API隐藏任务栏
  • Inno Setup和应用程序在Win10中不能访问UNC路径
  • 如何设置VidCoder启用E-AC3音频编码器功能
  • 热门搜索
    肚子胀气怎么排气 怎么考健身教练 豌豆的做法大全 传奇名字大全最拉风 问道娃娃怎么升级 野生鸟类图片大全 360怎么样 日本网站黄页大全 诺基亚手机型号大全 网名大全男