微信小程序 新建登录页并实现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 相关文章推荐
读取input:file的路径并显示本地图片的方法
Sep 23 Javascript
javascript实现限制上传文件大小
Feb 06 Javascript
解决jquery插件:TypeError:$.browser is undefined报错的方法
Nov 21 Javascript
全面解析多种Bootstrap图片轮播效果
May 27 Javascript
Angularjs中使用指令绑定点击事件的方法
Mar 30 Javascript
JavaScript门道之标准库
May 26 Javascript
layer.confirm取消按钮绑定事件的方法
Aug 17 Javascript
jquery实现的分页显示功能示例
Aug 23 jQuery
layUI使用layer.open,在content打开数据表格,获取值并返回的方法
Sep 26 Javascript
js实现轮播图效果 纯js实现图片自动切换
Aug 09 Javascript
jQuery实现全选按钮
Jan 01 jQuery
解决await在forEach中不起作用的问题
Feb 25 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模拟HTTP认证
2006/10/09 PHP
PHP利用二叉堆实现TopK-算法的方法详解
2017/04/24 PHP
laravel多条件查询方法(and,or嵌套查询)
2019/10/09 PHP
PHP+MySql实现一个简单的留言板
2020/07/19 PHP
nginx 设置多个站跨域
2021/03/09 Servers
jQuery)扩展jQuery系列之一 模拟alert,confirm(一)
2010/12/04 Javascript
javascript 闭包疑问
2010/12/30 Javascript
jquery下jstree简单应用 - v1.0
2011/04/14 Javascript
JavaScript提升性能的常用技巧总结【经典】
2016/06/20 Javascript
js如何获取网页所有图片
2017/05/12 Javascript
node+koa实现数据mock接口的方法
2017/09/20 Javascript
JS实现网页抢购功能(触发,终止脚本)
2017/11/27 Javascript
vue3.0 项目搭建和使用流程
2021/03/04 Vue.js
python基础教程之基本内置数据类型介绍
2014/02/20 Python
pycharm 使用心得(三)Hello world!
2014/06/05 Python
详解Python中for循环的使用
2015/04/14 Python
python自动截取需要区域,进行图像识别的方法
2018/05/17 Python
python3解析库lxml的安装与基本使用
2018/06/27 Python
python实现修改固定模式的字符串内容操作示例
2019/12/30 Python
Python接口自动化判断元素原理解析
2020/02/24 Python
python GUI库图形界面开发之PyQt5单行文本框控件QLineEdit详细使用方法与实例
2020/02/27 Python
Python实现RabbitMQ6种消息模型的示例代码
2020/03/30 Python
Django全局启用登陆验证login_required的方法
2020/06/02 Python
css3中的calc函数浅析
2018/07/10 HTML / CSS
草莓网中国:StrawberryNet中国
2020/08/17 全球购物
学生会干部自荐信
2014/02/04 职场文书
20年同学聚会邀请函
2014/02/04 职场文书
模特大赛策划方案
2014/05/28 职场文书
演讲比赛策划方案
2014/06/11 职场文书
银行柜员与客户起冲突检讨书
2014/09/27 职场文书
社区五一劳动节活动总结
2015/02/09 职场文书
债务纠纷起诉书
2015/05/20 职场文书
小英雄雨来观后感
2015/06/09 职场文书
党纪处分决定书
2015/06/24 职场文书
《中华上下五千年》读后感3篇
2019/11/29 职场文书
Python实现8种常用抽样方法
2021/06/27 Python