微信小程序 新建登录页并实现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的的一个隔行变色,鼠标移动变色的小插件
Jul 06 Javascript
Javascript Boolean、Nnumber、String 强制类型转换的区别详细介绍
Dec 13 Javascript
解决ExtJS在chrome或火狐中正常显示在ie中不显示的浏览器兼容问题
Jan 11 Javascript
在JavaScript中实现类的方式探讨
Aug 28 Javascript
js 动态为textbox添加下拉框数据源的方法
Apr 24 Javascript
JavaScript中的toLocaleDateString()方法使用简介
Jun 12 Javascript
springMVC + easyui + $.ajaxFileUpload实现文件上传注意事项
Apr 23 Javascript
基于vue2框架的机器人自动回复mini-project实例代码
Jun 13 Javascript
vue+mockjs模拟数据实现前后端分离开发的实例代码
Aug 08 Javascript
JavaScript Date对象应用实例分享
Oct 30 Javascript
浅谈VueJS SSR 后端绘制内存泄漏的相关解决经验
Dec 20 Javascript
extract-text-webpack-plugin用法详解
Feb 14 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
vBulletin HACK----显示话题大小和打开新窗口于论坛索引页
2006/10/09 PHP
PHP 中的批处理的实现
2007/06/14 PHP
PHP iconv 函数转gb2312的bug解决方法
2009/10/11 PHP
easyui的tabs update正确用法分享
2014/03/21 PHP
ThinkPHP类似AOP思想的参数验证的实现方法
2019/12/18 PHP
PHP图像处理 imagestring添加图片水印与文字水印操作示例
2020/02/06 PHP
一个小型js框架myJSFrame附API使用帮助
2008/06/28 Javascript
jquery鼠标滑过提示title具体实现代码
2013/08/06 Javascript
自定义百度分享的分享按钮
2015/03/18 Javascript
学习javascript面向对象 掌握创建对象的9种方式
2016/01/04 Javascript
js和jq使用submit方法无法提交表单的快速解决方法
2016/05/17 Javascript
javascript经典特效分享 手风琴、轮播图、图片滑动
2016/09/14 Javascript
原生js开发的日历插件
2017/02/04 Javascript
详解Nodejs 通过 fs.createWriteStream 保存文件
2017/10/10 NodeJs
vue-cli项目优化方法- 缩短首屏加载时间
2018/04/01 Javascript
jQuery实现鼠标放置名字上显示详细内容气泡提示框效果的方法分析
2020/04/04 jQuery
解决React在安装antd之后出现的Can't resolve './locale'问题(推荐)
2020/05/03 Javascript
[01:15:15]VG VS EG Supermajor小组赛B组胜者组第一轮 BO3第二场 6.2
2018/06/03 DOTA
Windows下PyMongo下载及安装教程
2015/04/27 Python
Python lambda函数基本用法实例分析
2018/03/16 Python
利用Django提供的ModelForm增删改数据的方法
2019/01/06 Python
Python使用os.listdir()和os.walk()获取文件路径与文件下所有目录的方法
2019/04/01 Python
Python使用get_text()方法从大段html中提取文本的实例
2019/08/27 Python
Windows下pycharm创建Django 项目(虚拟环境)过程解析
2019/09/16 Python
手把手教你pycharm专业版安装破解教程(linux版)
2019/09/26 Python
CSS3的Border-radius轻松制作圆角
2012/12/24 HTML / CSS
C#面试题问题集
2016/04/02 面试题
运动会通讯稿400字
2014/01/28 职场文书
师德模范事迹材料
2014/06/03 职场文书
老兵退伍标语
2014/10/07 职场文书
2014年英语教师工作总结
2014/12/03 职场文书
2014年英语教研组工作总结
2014/12/06 职场文书
GoLang中生成UUID唯一标识的实现
2021/05/08 Golang
自动在Windows中运行Python脚本并定时触发功能实现
2021/09/04 Python
MySQL常见优化方案汇总
2022/01/18 MySQL
SpringBoot 整合mongoDB并自定义连接池的示例代码
2022/02/28 MongoDB