微信小程序 新建登录页并实现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 相关文章推荐
FireFox JavaScript全局Event对象
Jun 14 Javascript
怎样在JavaScript里写一个swing把数据插入数据库
Dec 10 Javascript
JavaScript的事件绑定(方便不支持js的时候)
Oct 01 Javascript
第三章之Bootstrap 表格与按钮功能
Apr 25 Javascript
基于javascript数组实现图片轮播
May 02 Javascript
JS中常用的正则表达式
Sep 29 Javascript
jQuery中值得注意的trigger方法浅析
Dec 12 Javascript
Javascript实现数组中的元素上下移动
Apr 28 Javascript
五步轻松实现JavaScript HTML时钟效果
Mar 25 Javascript
Angular如何在应用初始化时运行代码详解
Jun 11 Javascript
vue实现重置表单信息为空的方法
Sep 29 Javascript
JS防抖和节流实例解析
Sep 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指定长度分割字符串str_split函数用法示例
2017/01/30 PHP
PHP长网址与短网址的实现方法
2017/10/13 PHP
javascript 实现父窗口引用弹出窗口的值的脚本
2007/08/07 Javascript
javascript学习笔记(十四) window对象使用介绍
2012/06/20 Javascript
Javascript this 的一些学习总结
2012/08/31 Javascript
javascript函数作用域学习示例(js作用域)
2014/01/13 Javascript
Jquery方式获取iframe页面中的 Dom元素
2014/05/07 Javascript
用原生js做单页应用
2017/01/17 Javascript
详解vue项目构建与实战
2017/06/27 Javascript
关于vue状态过渡transition不起作用的原因解决
2019/04/09 Javascript
Vue匿名插槽与作用域插槽的合并和覆盖行为
2019/04/22 Javascript
Vue项目使用localStorage+Vuex保存用户登录信息
2019/05/27 Javascript
vue各种事件监听实例(小结)
2020/06/24 Javascript
js实现双色球效果
2020/08/02 Javascript
[02:38]DOTA2英雄基础教程 噬魂鬼
2014/01/03 DOTA
[00:42]《辉夜杯》—职业组预选赛12月3日15点 正式打响
2015/12/03 DOTA
Python实现的简单文件传输服务器和客户端
2015/04/08 Python
Python类定义和类继承详解
2015/05/08 Python
Python PyQt4实现QQ抽屉效果
2018/04/20 Python
python使用turtle库与random库绘制雪花
2018/06/22 Python
python多进程下的生产者和消费者模型
2020/05/07 Python
Django通过json格式收集主机信息
2020/05/29 Python
Python基于xlrd模块处理合并单元格
2020/07/28 Python
如何使用 Python 读取文件和照片的创建日期
2020/09/05 Python
Django2.1.7 查询数据返回json格式的实现
2020/12/29 Python
俄罗斯在线大型超市:ТутПросто
2021/01/08 全球购物
技能竞赛活动方案
2014/02/21 职场文书
《果园机器人》教学反思
2014/04/13 职场文书
业务员自荐信范文
2014/04/20 职场文书
2014年酒店工作总结与计划
2014/11/17 职场文书
班主任先进事迹材料
2014/12/17 职场文书
迎新年主持词
2015/07/06 职场文书
原来实习报告是这样写的呀!
2019/07/03 职场文书
解决Mysql报错 Table 'mysql.user' doesn't exist
2022/05/06 MySQL
Oracle锁表解决方法的详细记录
2022/06/05 Oracle
vue3 自定义图片放大器效果的示例代码
2022/07/23 Vue.js