微信小程序怎样设置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音频编码器功能
  • 热门搜索
    电脑自动关机怎么办 底滤鱼缸怎么换水 可以在线看片的网站 人流后多久可以洗头发 将军山风景区 神农架旅游 纸飞机怎么折飞得久 河南旅游景点 孕妇可以喝什么茶 幼儿教师资格证怎么考