小程序底部导航栏如何制作

 时间:2026-04-26 16:22:16

1、首先新建一个小程序目录,这里建一个代码片段即可,如下图所示

小程序底部导航栏如何制作

2、接着打开app.json文件,在其中加入如下的tabBar配置

小程序底部导航栏如何制作

3、然后一保存就生成了两个目录,这两个目录就是你点击每个导航跳转的页面

小程序底部导航栏如何制作

4、接着我们看到底部已经有导航了,如下图所示

小程序底部导航栏如何制作

5、然后我们还需要通过iconPath属性给导航配置图标

小程序底部导航栏如何制作

6、最后一个图标加文字的底部导航就配置好了,如下图所示

小程序底部导航栏如何制作

  • Javascript怎么输出元素标签名
  • pxcode怎么创建项目
  • MyEclipse没有出现包
  • 如何知道Django是否安装好
  • Sublime Text3彻底卸载干净及重新安装
  • 热门搜索
    祖山风景区 烟台长岛旅游攻略 四级证书丢了怎么办 浙江衢州旅游 中宏保险怎么样 菲拉格慕香水怎么样 qq被冻结了怎么样才可以解冻 维生素e的作用和功效可以祛斑吗 汉中旅游攻略 孕妇可以吃梨吗