欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-07-05 20:42:57
微信小程序 新建登录页并实现tabbar隐藏 实现的效果如下两张图: app.json 设置的pages的path如下: 在app.json里面设置tabba...

微信小程序 新建登录页并实现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隐藏

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