微信小程序 新建登录页并实现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 相关文章推荐
JQuery 初体验(建议学习jquery)
Apr 25 Javascript
jQuery 树形结构的选择器
Feb 15 Javascript
javascript下4个跨浏览器必备的函数
Mar 07 Javascript
jquery插件制作 图片走廊 gallery
Aug 17 Javascript
js继承call()和apply()方法总结
Dec 08 Javascript
在Node.js中使用HTTP上传文件的方法
Jun 23 Javascript
VUE前端cookie简单操作
Oct 17 Javascript
基于JavaScript实现表格滚动分页
Nov 22 Javascript
JS实现监控微信小程序的原理
Jun 15 Javascript
Angularjs Ng_repeat中实现复选框选中并显示不同的样式方法
Sep 12 Javascript
BootstrapValidator实现表单验证功能
Nov 08 Javascript
Vue 技巧之控制父类的 slot
Feb 24 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文件打包 下载之使用PHP自带的ZipArchive压缩文件并下载打包好的文件
2012/06/13 PHP
php中flush()、ob_flush()、ob_end_flush()的区别介绍
2013/02/17 PHP
Zend Framework动作助手Redirector用法实例详解
2016/03/05 PHP
JavaScript中各种编码解码函数的区别和注意事项
2010/08/19 Javascript
基于jquery的划词搜索实现(备忘)
2010/09/14 Javascript
Javascript面向对象编程(二) 构造函数的继承
2011/08/28 Javascript
使用jquery hover事件实现表格的隔行换色功能示例
2013/09/03 Javascript
教你用jquery实现iframe自适应高度
2014/06/11 Javascript
Javascript基础教程之数组 array
2015/01/18 Javascript
JavaScript制作简单的日历效果
2016/03/10 Javascript
一种基于浏览器的自动小票机打印实现方案(js版)
2016/07/26 Javascript
jQuery插件fullPage.js实现全屏滚动效果
2016/12/02 Javascript
Angularjs处理页面闪烁的解决方法
2017/03/09 Javascript
angularjs中ng-bind-html的用法总结
2017/05/23 Javascript
vue.js 微信支付前端代码分享
2018/02/10 Javascript
vue router 用户登陆功能的实例代码
2019/04/24 Javascript
js中关于Blob对象的介绍与使用
2019/11/29 Javascript
javascript将扁平的数据转为树形结构的高效率算法
2020/02/27 Javascript
详解使用mocha对webpack打包的项目进行"冒烟测试"的大致流程
2020/04/27 Javascript
梳理一下vue中的生命周期
2020/12/30 Vue.js
解决windows下Sublime Text 2 运行 PyQt 不显示的方法分享
2014/06/18 Python
Python过滤列表用法实例分析
2016/04/29 Python
opencv改变imshow窗口大小,窗口位置的方法
2018/04/02 Python
python+rsync精确同步指定格式文件
2019/08/29 Python
python 将视频 通过视频帧转换成时间实例
2020/04/23 Python
Python使用requests模块爬取百度翻译
2020/08/25 Python
HTML5 canvas画图并保存成图片的jcanvas插件
2014/01/17 HTML / CSS
Sunglasses Shop瑞典:欧洲领先的太阳镜网上商店
2018/04/22 全球购物
大学生学业生涯规划
2014/01/05 职场文书
2014年销售助理工作总结
2014/12/01 职场文书
会议邀请函
2015/01/30 职场文书
故意伤害辩护词
2015/05/21 职场文书
让世界充满爱观后感
2015/06/10 职场文书
干部考核工作总结2015
2015/07/24 职场文书
新郎父母婚礼致辞
2015/07/27 职场文书
《将心比心》教学反思
2016/02/23 职场文书