重庆分公司,新征程启航

为企业提供网站建设、域名注册、服务器等服务

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

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

成都创新互联公司服务项目包括茂名网站建设、茂名网站制作、茂名网页制作以及茂名网络营销策划等。多年来,我们专注于互联网行业,利用自身积累的技术优势、行业经验、深度合作伙伴关系等,向广大中小型企业、政府机构等提供互联网行业的解决方案,茂名网站推广取得了明显的社会效益与经济效益。目前,我们服务的客户以成都为中心已经辐射到茂名省份的部分城市,未来相信会继续扩大服务区域并继续获得客户的支持与信任!

实现的效果如下两张图:

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

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

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

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

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

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

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

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

在login.json里面设置:

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

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

page{
  background: #2da1ed;
}


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

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

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

网站题目:微信小程序新建登录页并实现tabBar隐藏
文章出自:http://cqcxhl.com/article/jpcpgs.html

其他资讯

在线咨询
服务热线
服务热线:028-86922220
TOP