微信小程序怎样设置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音频编码器功能
  • 热门搜索
    砂锅粥的做法大全 清炖鱼头汤的做法 魔芋豆腐的做法 感冒鼻子堵塞不通气怎么办 豆腐的做法大全 饼的做法 披萨的做法 打印机怎么连接电脑 简易早餐做法大全 鱼片的做法大全