微信小程序 新建登录页并实现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 相关文章推荐
srcElement表格样式
Sep 03 Javascript
jquery关于图形报表的运用实现代码
Jan 06 Javascript
JS简单计算器实例
Jan 20 Javascript
js控制网页背景音乐播放与停止的方法
Feb 06 Javascript
JavaScript DOM操作表格及样式
Apr 13 Javascript
JavaScript编写Chrome扩展实现与浏览器的交互及时间通知
May 16 Javascript
Vue.js系列之项目结构说明(2)
Jan 03 Javascript
JS jQuery使用正则表达式去空字符的简单实现代码
May 20 jQuery
jQuery层级选择器_动力节点节点Java学院整理
Jul 04 jQuery
浅谈Webpack 是如何加载模块的
May 24 Javascript
vue安装遇到的5个报错及解决方法
Jun 12 Javascript
Vue快速实现通用表单验证的示例代码
Jan 09 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
用PHP实现登陆验证码(类似条行码状)
2006/10/09 PHP
PHP 字符串编码截取函数(兼容utf-8和gb2312)
2009/05/02 PHP
DISCUZ在win2003环境下 Unable to access ./include/common.inc.php in... 的问题终极解决方案
2011/11/21 PHP
PHP使用gmdate实现将一个UNIX 时间格式化成GMT文本的方法
2015/03/19 PHP
php编写简单的文章发布程序
2015/06/18 PHP
PHP实现上传图片到 zimg 服务器
2016/10/19 PHP
PHP删除字符串中非字母数字字符方法总结
2019/01/20 PHP
laravel框架模型、视图与控制器简单操作示例
2019/10/10 PHP
SUN的《AJAX与J2EE》全文译了
2007/02/23 Javascript
用javascript读取xml文件读取节点数据
2014/08/12 Javascript
javascript图片预加载完整实例
2015/12/10 Javascript
学习jQuey中的return false
2015/12/18 Javascript
jQuery绑定事件的四种方式介绍
2016/10/31 Javascript
Bootstrap Table使用心得总结
2016/11/29 Javascript
Bootstrap源码解读模态弹出框(11)
2016/12/28 Javascript
React diff算法的实现示例
2018/04/20 Javascript
原生js实现针对Dom节点的CRUD操作示例
2019/08/26 Javascript
vue实现select下拉显示隐藏功能
2019/09/30 Javascript
JavaScript实现简易聊天对话框(加滚动条)
2020/02/10 Javascript
[01:32]TI珍贵瞬间系列(一)
2020/08/26 DOTA
python实现图书馆研习室自动预约功能
2018/04/27 Python
详解在python操作数据库中游标的使用方法
2019/11/12 Python
Python计算IV值的示例讲解
2020/02/28 Python
浅谈tensorflow模型保存为pb的各种姿势
2020/05/25 Python
python开发一款翻译工具
2020/10/10 Python
CSS3 仿微信聊天小气泡实例代码
2017/04/05 HTML / CSS
英国领先的露营和露营车品牌之一:OLPRO
2019/08/06 全球购物
Kickers鞋英国官网:男士、女士和儿童鞋
2021/03/08 全球购物
新入职员工的自我介绍演讲稿
2014/01/02 职场文书
教学大赛获奖感言
2014/01/15 职场文书
个人年终总结结尾
2015/03/06 职场文书
心理健康教育主题班会
2015/08/13 职场文书
2016年心理学教育培训学习心得体会
2016/01/12 职场文书
教师信息技术学习心得体会
2016/01/21 职场文书
初中物理教学反思
2016/02/19 职场文书
Vue实现下拉加载更多
2021/05/09 Vue.js