微信小程序 新建登录页并实现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 相关文章推荐
由浅到深了解JavaScript类
Sep 08 Javascript
uploadify在Firefox下丢失session问题的解决方法
Aug 07 Javascript
jCallout 轻松实现气泡提示功能
Sep 22 Javascript
js之ActiveX控件使用说明 new ActiveXObject()
Mar 03 Javascript
JS中类或对象的定义说明
Mar 10 Javascript
JavaScript数据类型判定的总结笔记
Jul 31 Javascript
JavaScript中校验银行卡号的实现代码
Dec 19 Javascript
想用好React的你必须要知道的一些事情
Jul 24 Javascript
react 父组件与子组件之间的值传递的方法
Sep 14 Javascript
jQuery EasyUI 折叠面板accordion的使用实例(分享)
Dec 25 jQuery
vue 中使用 watch 出现了如下的报错的原因分析
May 21 Javascript
js实现炫酷光感效果
Sep 05 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代码
2016/08/08 PHP
javascript 学习之旅 (3)
2009/02/05 Javascript
判断控件是否已加载完成的代码
2010/02/24 Javascript
JavaScript中创建类/对象的几种方法总结
2013/11/29 Javascript
快速解决jQuery与其他库冲突的方法介绍
2014/01/02 Javascript
jQuery经过一段时间自动隐藏指定元素的方法
2015/03/17 Javascript
JavaScript返回当前会话cookie全部键值对照的方法
2015/04/03 Javascript
跟我学习javascript的浮点数精度
2015/11/16 Javascript
javascript小数精度丢失的完美解决方法
2016/05/31 Javascript
移动端基础事件总结与应用
2017/01/12 Javascript
微信小程序支付之c#后台实现方法
2017/10/19 Javascript
vue2.0 computed 计算list循环后累加值的实例
2018/03/07 Javascript
vue使用自定义icon图标的方法
2018/05/14 Javascript
jQuery实现的淡入淡出图片轮播效果示例
2018/08/29 jQuery
Nodejs调用Dll模块的方法
2018/09/17 NodeJs
使用 vue 实例更好的监听事件及vue实例的方法
2019/04/22 Javascript
python实现迭代法求方程组的根过程解析
2019/11/25 Javascript
浅谈JavaScript窗体Window.ShowModalDialog使用
2020/07/22 Javascript
基于Python的XSS测试工具XSStrike使用方法
2017/07/29 Python
python如何派生内置不可变类型并修改实例化行为
2018/03/21 Python
python爬虫之模拟登陆csdn的实例代码
2018/05/18 Python
flask中的wtforms使用方法
2018/07/21 Python
解决flask接口返回的内容中文乱码的问题
2020/04/03 Python
ipython jupyter notebook中显示图像和数学公式实例
2020/04/15 Python
用Python在Excel里画出蒙娜丽莎的方法示例
2020/04/28 Python
深入了解NumPy 高级索引
2020/07/24 Python
Python如何执行精确的浮点数运算
2020/07/31 Python
美国知名奢侈美容品牌零售商:Cos Bar
2017/04/21 全球购物
雅诗兰黛旗下专业男士保养领导品牌:Lab Series
2017/05/15 全球购物
俄罗斯女装店:12storeez
2019/10/25 全球购物
高中同学聚会邀请函
2014/01/11 职场文书
学生会竞选演讲稿
2014/04/24 职场文书
安全生产年活动总结
2014/08/29 职场文书
教育教学读书笔记
2015/07/02 职场文书
正确使用MySQL update语句
2021/05/26 MySQL
Python 操作pdf pdfplumber读取PDF写入Exce
2022/08/14 Python