微信小程序 新建登录页并实现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 相关文章推荐
Backbone.js框架中Model与Collection的使用实例
May 07 Javascript
基于jQuery的checkbox全选问题分析
Nov 18 Javascript
Vuex之理解Store的用法
Apr 19 Javascript
Angular.js 4.x中表单Template-Driven Forms详解
Apr 25 Javascript
Vue2 使用 Echarts 创建图表实例代码
May 18 Javascript
JS给按钮添加跳转功能类似a标签
May 30 Javascript
老生常谈ES6中的类
Jul 31 Javascript
JavaScript canvas实现围绕旋转动画
Nov 18 Javascript
js监听html页面的上下滚动事件方法
Sep 11 Javascript
JQuery获得内容和属性方法解析
May 30 jQuery
关于vue 结合原生js 解决echarts resize问题
Jul 26 Javascript
封装 axios+promise通用请求函数操作
Aug 11 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 简单数组排序实现代码
2009/08/05 PHP
PHP APC的安装与使用详解
2013/06/13 PHP
PHP结合JQueryJcrop实现图片裁切实例详解
2014/07/24 PHP
php动态生成缩略图并输出显示的方法
2015/04/20 PHP
PHP与SQL语句常用大全
2016/12/10 PHP
php使用lua+redis实现限流,计数器模式,令牌桶模式
2019/04/04 PHP
php 使用expat方式解析xml文件操作示例
2019/11/26 PHP
JS array 数组详解
2009/03/22 Javascript
实现点击列表弹出列表索引的两种方式
2013/03/08 Javascript
使用js的replace()方法查找字符示例代码
2013/10/28 Javascript
JavaScript中对象介绍
2014/12/31 Javascript
JQuery报错Uncaught TypeError: Illegal invocation的处理方法
2015/03/13 Javascript
jQuery实现的多屏图像图层切换效果实例
2015/05/07 Javascript
JavaScript实现弹出DIV层同时页面背景渐变成半透明效果
2016/03/25 Javascript
浅析jQuery 遍历函数,javascript中的each遍历
2016/05/25 Javascript
Google 地图控件集详解及实例代码
2016/08/06 Javascript
Javascript点击按钮随机改变数字与其颜色
2016/09/01 Javascript
js中数组插入、删除元素操作的方法
2017/02/15 Javascript
vue-resource请求实现http登录拦截或者路由拦截的方法
2018/07/11 Javascript
JS遍历JSON数组及获取JSON数组长度操作示例【测试可用】
2018/12/12 Javascript
详解elementui之el-image-viewer(图片查看器)
2019/08/30 Javascript
JavaScript实现PC端四格密码输入框功能
2020/02/19 Javascript
Python随机数random模块使用指南
2016/09/09 Python
python机器学习案例教程——K最近邻算法的实现
2017/12/28 Python
python仿evething的文件搜索器实例代码
2019/05/13 Python
python Elasticsearch索引建立和数据的上传详解
2019/08/04 Python
python中类的输出或类的实例输出为这种形式的原因
2019/08/12 Python
Flask缓存静态文件的具体方法
2020/08/02 Python
浅谈利用缓存来优化HTML5 Canvas程序的性能
2015/05/12 HTML / CSS
德国在线订购鲜花:Fleurop
2018/08/25 全球购物
网站域名和主机:Domain.com
2019/04/01 全球购物
给护士表扬信
2014/01/19 职场文书
男女朋友协议书
2014/04/23 职场文书
学生上课说话检讨书
2014/10/25 职场文书
乡镇安全生产月活动总结
2015/05/08 职场文书
详解nginx.conf 中 root 目录设置问题
2021/04/01 Servers