- 时间：2020-09-11 21:54 编辑： 来源： 阅读：
- 扫一扫，手机访问
摘要：微信小程序 新建登录页并实现tabBar隐藏
[b]微信小程序 新建登录页并实现tabBar隐藏[/b]
实现的效果如下两张图：
[img]http://files.jb51.net/file_images/article/201706/201706130918284.png[/img]
[img]http://files.jb51.net/file_images/article/201706/201706130918285.png[/img]
app.json 设置的pages的path如下：
[img]http://files.jb51.net/file_images/article/201706/201706130918326.png[/img]
在app.json里面设置tabBar的值：
如果你不想在登录页有tabBar的内容，则在app.json 里面tabBar-->list-->pagePath 不能写登录页面的路径，并且首页跳转到登录页时，用 navigateTo 跳转到新页面即可实现tabBar的隐藏，如下图所示：
[img]http://files.jb51.net/file_images/article/201706/201706130918327.png[/img]
[img]http://files.jb51.net/file_images/article/201706/201706130918338.png[/img]
login页面如何设置整个页面都是蓝色（#2da1ed）？
在login.json里面设置：
{
"navigationBarTitleText": "微信登录",
"backgroundTextStyle":"light",
"navigationBarBackgroundColor": "#2da1ed",
"navigationBarTextStyle":"#fff"
}
在login.wxss里面设置page的背景颜色：
page{
background: #2da1ed;
}
login页面点击登录时进行的简单判定如下：
[img]http://files.jb51.net/file_images/article/201706/201706130918349.png[/img]
感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！
机械节能产品生产企业官网模板...
大气智能家居家具装修装饰类企业通用网站模板...
礼品公司网站模板
宽屏简约大气婚纱摄影影楼模板...
蓝白WAP手机综合医院类整站源码（独立后台）...