当前位置:  开发笔记 > 前端 > 正文

微信小程序 新建登录页并实现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页面点击登录时进行的简单判定如下:


感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!
推荐阅读
农大军乐团_697
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有