微信小程序 新建登录页并实现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之ESC(第二类混淆)
May 06 Javascript
js 调整select 位置的函数
Feb 21 Javascript
jQuery Dialog 弹出层对话框插件
Aug 09 Javascript
Javascript页面添加到收藏夹的简单方法
Aug 07 Javascript
Javascript学习笔记之 函数篇(二) : this 的工作机制
Jun 24 Javascript
jQuery截取指定长度字符串的实现原理及代码
Jul 01 Javascript
node.js中的http.response.writeHead方法使用说明
Dec 14 Javascript
jQuery实现鼠标选文字发新浪微博的方法
Apr 02 Javascript
JavaScript中split与join函数的进阶使用技巧
May 03 Javascript
Windows下Node爬虫神器Puppeteer安装记
Jan 09 Javascript
微信小程序npm引入vant-weapp的踩坑记录
Aug 01 Javascript
原生js拖拽实现图形伸缩效果
Feb 10 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/05/09 PHP
PHP程序员简单的开展服务治理架构操作详解(一)
2020/05/14 PHP
PHP unset函数原理及使用方法解析
2020/08/14 PHP
鼠标事件延时切换插件
2011/03/12 Javascript
jQuery回车实现登录简单实现
2013/08/20 Javascript
Javascript学习笔记之函数篇(四):arguments 对象
2014/11/23 Javascript
浅析JavaScript访问对象属性和方法及区别
2015/11/16 Javascript
D3.js实现散点图和气泡图的方法详解
2016/09/21 Javascript
AngularJS  ng-table插件设置排序
2016/09/21 Javascript
Bootstrap3 Grid system原理及应用详解
2016/09/30 Javascript
jQuery的Cookie封装,与PHP交互的简单实现
2016/10/05 Javascript
Javascript获取background属性中url的值
2016/10/17 Javascript
JavaScript使用delete删除数组元素用法示例【数组长度不变】
2017/01/17 Javascript
用nodejs搭建websocket服务器
2017/01/23 NodeJs
利用jQuery实现滑动开关按钮效果(附demo源码下载)
2017/02/07 Javascript
PHP实现本地图片上传和验证功能
2017/02/27 Javascript
vue实现跨域的方法分析
2019/05/21 Javascript
Layui实现带查询条件的分页
2019/07/27 Javascript
taro 实现购物车逻辑的实例代码
2020/06/05 Javascript
vue实现整屏滚动切换
2020/06/29 Javascript
基于vue与element实现创建试卷相关功能(实例代码)
2020/12/07 Vue.js
一起来了解一下JavaScript的预编译(小结)
2021/03/01 Javascript
[59:42]Secret vs Alliacne 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/17 DOTA
python 常见字符串与函数的用法详解
2018/11/23 Python
10分钟教你用python动画演示深度优先算法搜寻逃出迷宫的路径
2019/08/12 Python
PyQt使用QPropertyAnimation开发简单动画
2020/04/02 Python
Python钉钉报警及Zabbix集成钉钉报警的示例代码
2020/08/17 Python
如何Tkinter模块编写Python图形界面
2020/10/14 Python
别名指示符是什么
2012/10/08 面试题
JVM是一个编译程序还是解释程序
2012/09/11 面试题
运动会广播稿150字
2014/02/19 职场文书
心理学专业求职信
2014/06/16 职场文书
初中开学典礼新闻稿
2015/07/17 职场文书
2016拓展训练心得体会范文
2016/01/12 职场文书
详解JAVA中的OPTIONAL
2021/06/14 Java/Android
SQL注入详解及防范方法
2021/12/06 MySQL