微信小程序 新建登录页并实现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 tools之tabs 选项卡/页签
Jul 25 Javascript
基于jQuery的实现简单的分页控件
Oct 10 Javascript
js点击列表文字对应该行显示背景颜色的实现代码
Aug 05 Javascript
localResizeIMG先压缩后使用ajax无刷新上传(移动端)
Aug 11 Javascript
jquery+CSS实现的多级竖向展开树形TRee菜单效果
Aug 24 Javascript
Javascript中的迭代、归并方法详解
Jun 14 Javascript
BootStrap表单控件之复选框checkbox和单选择按钮radio
May 23 Javascript
Angular.js初始化之ng-app的自动绑定与手动绑定详解
Jul 31 Javascript
浅谈微信小程序flex布局基础
Sep 10 Javascript
ajax与jsonp的区别及用法
Oct 16 Javascript
解决axios post 后端无法接收数据的问题
Oct 29 Javascript
微信小程序自定义胶囊样式
Dec 27 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用ini_get获取php.ini里变量值的方法
2015/03/04 PHP
Yii2中事务的使用实例代码详解
2016/09/07 PHP
自制PHP框架之模型与数据库
2017/05/07 PHP
php nginx 实时输出的简单实现方法
2018/01/21 PHP
Laravel中的chunk组块结果集处理与注意问题
2018/08/15 PHP
js实现跟随鼠标移动且带关闭功能的图片广告实例
2015/02/26 Javascript
javascript每日必学之多态
2016/02/23 Javascript
Javascript之Date对象详解
2016/06/07 Javascript
JavaScript中ES6字符串扩展方法
2016/08/26 Javascript
基于JQuery和原生JavaScript实现网页定位导航特效
2017/04/03 jQuery
vue中倒计时组件的实例代码
2018/07/06 Javascript
基于element-ui的rules中正则表达式
2018/09/04 Javascript
vue的for循环使用方法
2019/02/12 Javascript
[07:09]DOTA2-DPC中国联赛 正赛 Ehome vs Elephant 选手采访
2021/03/11 DOTA
django模型中的字段和model名显示为中文小技巧分享
2014/11/18 Python
go语言计算两个时间的时间差方法
2015/03/13 Python
pip matplotlib报错equired packages can not be built解决
2018/01/06 Python
python通过elixir包操作mysql数据库实例代码
2018/01/31 Python
Python网络编程基于多线程实现多用户全双工聊天功能示例
2018/04/10 Python
pygame编写音乐播放器的实现代码示例
2019/11/19 Python
python 利用turtle模块画出没有角的方格
2019/11/23 Python
属性与 @property 方法让你的python更高效
2020/09/21 Python
详解Anaconda 的安装教程
2020/09/23 Python
纯CSS3实现漂亮的input输入框动画样式库(Text input love)
2018/12/29 HTML / CSS
HTML5在a标签内放置块级元素示例代码
2013/08/23 HTML / CSS
html5定位获取当前位置并在百度地图上显示
2014/08/22 HTML / CSS
linux面试题参考答案(10)
2013/11/04 面试题
教育专业个人求职信
2013/12/02 职场文书
网上商城创业计划书范文
2014/01/31 职场文书
人民教师的自我评价分享
2014/02/21 职场文书
支行行长竞聘演讲稿
2014/05/15 职场文书
英语教师自荐信
2014/05/26 职场文书
忠诚奉献演讲稿
2014/09/12 职场文书
物业管理交接协议书
2016/03/24 职场文书
docker compose 部署 golang 的 Athens 私有代理问题
2022/04/28 Servers
SQL Server中的游标介绍
2022/05/20 SQL Server