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

 更新时间:2017年06月13日 09:21:43   投稿:lqh  
这篇文章主要介绍了微信小程序 新建登录页并实现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页面点击登录时进行的简单判定如下:


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

相关文章

  • ResizeObserver API使用示例详解

    ResizeObserver API使用示例详解

    这篇文章主要为大家介绍了ResizeObserver API使用示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-07-07
  • 微信小程序url与token设置详解

    微信小程序url与token设置详解

    这篇文章主要介绍了微信小程序url与token设置详解的相关资料,希望通过本文能帮助到大家解决类似问题,需要的朋友可以参考下
    2017-09-09
  • JS网页repaint与reflow 的区别及优化方式

    JS网页repaint与reflow 的区别及优化方式

    这篇文章主要为大家介绍了JS网页repaint与reflow 的区别及优化方式,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-09-09
  • lodash里的toLength和toPairs方法详解

    lodash里的toLength和toPairs方法详解

    这篇文章主要为大家介绍了lodash里的toLength和toPairs方法详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-08-08
  • 微信小程序 数据遍历的实现

    微信小程序 数据遍历的实现

    这篇文章主要介绍了微信小程序 数据遍历的实现的相关资料,需要的朋友可以参考下
    2017-04-04
  • JS ES新特性之变量的解耦赋值

    JS ES新特性之变量的解耦赋值

    这篇文章主要介绍了JS ES新特性变量的解耦赋值,ECMAScript 2015中允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为 解耦赋值 ,下面一起进入文章学习该内容,需要的朋友也可以参考一下
    2021-12-12
  • JS轻量级函数式编程实现XDM一

    JS轻量级函数式编程实现XDM一

    这篇文章主要为大家介绍了JS轻量级函数式编程实现XDM示例详解第1/3篇,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-06-06
  • rollup输出的6种格式详解

    rollup输出的6种格式详解

    这篇文章主要为大家介绍了rollup输出的6种格式详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-07-07
  • Flutter WebView性能优化使h5像原生页面一样优秀

    Flutter WebView性能优化使h5像原生页面一样优秀

    这篇文章主要为大家介绍了Flutter WebView性能优化使h5像原生页面一样优秀,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-02-02
  • Javascript 之封装(Package)

    Javascript 之封装(Package)

    Javascript是一种基于对象(object-based)的语言,我们在JS中遇到的所有东西几乎都是对象。但是,它又不是一种真正的面向对象编程语言,因为它的语法中没有class(类)那么,如果我们要把"属性"(property)和"方法"(method),封装成一个对象
    2018-09-09

最新评论