微信小程序开启自定义底部导航栏

在一般情况下我们所使用的微信小程序的底部导航栏都是使用微信官方自带的,即page.json文件中的tabBar属性,即如下图

那么这个情况微信小程序就会识别到,从而将这些数据转换为你的导航栏。

如果你不想使用微信自带的底部导航栏,我也是那个时候根据需求去加的,那个时候加了给导航栏的数据库,这样就方便对底部导航栏的控制,就不需要去提交代码审核这些,可以直接开启或者关闭,给一个权限就好。那么我们需要如何做。

其实很简单,但是找了半天的资料,没找到,而且,这上面也没找到,就给大伙展示展示了。

只需要更改他的权限就好,在”tabBar“中有一个熟悉即 ” custom “,默认情况下是关闭的,就是false,所以我们需要将其开启就是添加后改成true。如下图

以下就是自定义导航栏权限

//tabBar.custom: 设置为 true 表示你将使用自定义的底部导航栏,而不是系统默认的。
{
  "tabBar": {
    "custom": true
  }
}

//完整的示例配置:
{
  "tabBar": {
    "custom": true
  },
  "backgroundColor": "#f8f8f8",
  "enablePullDownRefresh": true
}

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值