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

这是一篇很有收藏价值的文章《微信小程序 新建登录页并实现tabBar隐藏》,在开发过程对大家很有帮助,小编结合实例代码给大家介绍的非常详细,需要的朋友可以参考下

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

实现的效果如下两张图:

app.json 设置的pages的path如下:

在app.json里面设置tabBar的值:

如果你不想在登录页有tabBar的内容,则在app.json 里面tabBar-->list-->pagePath 不能写登录页面的路径,并且首页跳转到登录页时,用 navigateTo 跳转到新页面即可实现tabBar的隐藏,如下图所示:

login页面如何设置整个页面都是蓝色(#2da1ed)?

在login.json里面设置:

{
  "navigationBarTitleText": "微信登录",
  "backgroundTextStyle":"light",
  "navigationBarBackgroundColor": "#2da1ed",
  "navigationBarTextStyle":"#fff"
}

在login.wxss里面设置page的背景颜色:

page{
  background: #2da1ed;
}


login页面点击登录时进行的简单判定如下:


感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

到此这篇关于微信小程序 新建登录页并实现tabBar隐藏就介绍到这了。曾有人这样定义坎坷:”它常常横在人生道路上,考验人们的意志。“坎坷会把弱者跌得一蹶不振,而对于强者,它却是借以登上理想巅峰的台阶。面对成长,勇敢地去接受它吧,不要”无为空自老,含叹负平生“。更多相关微信小程序 新建登录页并实现tabBar隐藏内容请查看相关栏目,小编编辑不易,再次感谢大家的支持!

您可能有感兴趣的文章
微信小程序如何访问公众号文章

微信小程序实现类似微信点击语音播放效果

微信小程序wx.request拦截器使用详解

微信小程序在ios下Echarts图表不能滑动的问题解决

小程序中canvas的drawImage方法参数使用详解