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


Posted in Javascript onJune 13, 2017

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

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!
Javascript 相关文章推荐
通过MSXML2自动获取QQ个人头像及在线情况(给初学者)
Jan 22 Javascript
限制文本字节数js代码
Mar 06 Javascript
基于jquery的内容循环滚动小模块(仿新浪微博未登录首页滚动微博显示)
Mar 28 Javascript
为JS扩展Array.prototype.indexOf引发的问题探讨及解决
Apr 24 Javascript
js获取ajax返回值代码
Apr 30 Javascript
实例详解JavaScript获取链接参数的方法
Jan 01 Javascript
GitHub上一些实用的JavaScript的文件压缩解压缩库推荐
Mar 13 Javascript
AngularJS入门教程之多视图切换用法示例
Nov 02 Javascript
解决html-jquery/js引用外部图片时遇到看不了或出现403的问题
Sep 22 jQuery
JavaScript模块模式实例详解
Oct 25 Javascript
微信小程序实现多选功能
Nov 04 Javascript
微信小程序template模版的使用方法
Apr 13 Javascript
Node.js使用orm2进行update操作时关联字段无法修改的解决方法
Jun 13 #Javascript
bootstrap timepicker在angular中取值并转化为时间戳
Jun 13 #Javascript
微信小程序实现多个按钮toggle功能的实例
Jun 13 #Javascript
JavaScript基于扩展String实现替换字符串中index处字符的方法
Jun 13 #Javascript
微信小程序--组件(swiper)详细介绍
Jun 13 #Javascript
Vue.js实现微信过渡动画左右切换效果
Jun 13 #Javascript
JS实现求数组起始项到终止项之和的方法【基于数组扩展函数】
Jun 13 #Javascript
You might like
Symfony核心类概述
2016/03/17 PHP
激活 ActiveX 控件
2006/10/09 Javascript
50款非常棒的 jQuery 插件分享
2012/03/29 Javascript
jQuery对象数据缓存Cache原理及jQuery.data方法区别介绍
2013/04/07 Javascript
jQuery仿Flash上下翻动的中英文导航菜单实例
2015/03/10 Javascript
javascript中JSON.parse()与eval()解析json的区别
2016/05/19 Javascript
EasyUI创建人员树的实例代码
2017/09/15 Javascript
不到200行 JavaScript 代码实现富文本编辑器的方法
2018/01/03 Javascript
解析vue路由异步组件和懒加载案例
2018/06/08 Javascript
Vue实现用户自定义字段显示数据的方法
2018/08/28 Javascript
Koa代理Http请求的示例代码
2018/10/10 Javascript
element el-input directive数字进行控制
2018/10/11 Javascript
详解Angular Karma测试的持续集成实践
2019/11/15 Javascript
js实现聊天对话框
2020/02/08 Javascript
微信小程序文章列表功能完整实例
2020/06/03 Javascript
Vue页面渲染中key的应用实例教程
2021/01/12 Vue.js
Python中的条件判断语句基础学习教程
2016/02/07 Python
Python自定义进程池实例分析【生产者、消费者模型问题】
2016/09/19 Python
Python Tkinter实现简易计算器功能
2018/01/30 Python
python实现一个简单的ping工具方法
2019/01/31 Python
关于python中remove的一些坑小结
2021/01/04 Python
详解Python模块化编程与装饰器
2021/01/16 Python
快速创建 HTML5 Canvas 电信网络拓扑图的示例代码
2018/03/21 HTML / CSS
国际书籍零售商:Wordery
2017/11/01 全球购物
Bailey帽子官方商店:Bailey Hats
2018/09/25 全球购物
什么是JNDI的上下文?如何初始化JNDI上下文
2012/03/10 面试题
音乐教学案例
2014/01/30 职场文书
《花的勇气》教后反思
2014/02/12 职场文书
艺术学院毕业生自我评价
2014/03/02 职场文书
《红军不怕远征难》教学反思
2014/04/14 职场文书
《长江之歌》教学反思
2014/04/17 职场文书
2014公安机关纪律作风整顿思想汇报
2014/09/13 职场文书
公司领导九九重阳节发言稿2014
2014/09/25 职场文书
2014光棍节大学生联谊活动方案
2014/10/10 职场文书
单位工资证明范本
2015/06/12 职场文书
2022漫威和DC电影上映作品
2022/04/05 欧美动漫