微信小程序 新建登录页并实现tabBar隐藏

下面我将为你详细讲解“微信小程序新建登录页并实现tabBar隐藏”的完整攻略，过程中将包含以下步骤：

1. 新建登录页，并配置app.json文件
2. 在登录页实现tabBar的隐藏显示
3. 示例说明：使用wx.hideTabBar()和wx.showTabBar()方法实现tabBar隐藏

1. 新建登录页，并配置app.json文件

首先，你需要新建一个登录页（例如login文件夹），并在app.json文件中添加该页面路径：

{
  "pages": [
    "pages/login/login",
    "pages/index/index"
  ],
  "tabBar": {
    "list": [{
      "pagePath": "pages/index/index",
      "text": "首页"
    }]
  }
}

2. 在登录页实现tabBar的隐藏显示

实现tabBar的隐藏显示有两种方法：

（1）在app.json文件中配置：

在登录页的json文件中，添加如下代码：

{
  "navigationBarTitleText": "登录",
  "tabBar": {
    "isShow": false
  }
}

其中，"isShow": false 代表隐藏tabBar。

（2）在登录页的js文件中，使用wx.hideTabBar()和wx.showTabBar()方法实现：

Page({
  onLoad: function () {
    wx.hideTabBar();  // 隐藏tabBar
  },
  onUnload: function () {
    wx.showTabBar();  // 显示tabBar
  }
})

3. 示例说明：使用wx.hideTabBar()和wx.showTabBar()方法实现tabBar隐藏

例如，在app.js文件中，你可以添加如下代码：

App({
  onLaunch: function() {
    //隐藏tabBar
    wx.hideTabBar();
  }
})

在登录页的js文件中，你可以添加如下代码：

Page({
  onLoad: function () {
    wx.hideTabBar(); // 隐藏tabBar
  },
  onUnload: function () {
    wx.showTabBar(); // 显示tabBar
  }
})

以上就是“微信小程序新建登录页并实现tabBar隐藏”的完整攻略。希望对你有所帮助！