微信小程序 新建登录页并实现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操作cookie_获取与修改代码
May 21 Javascript
javascript学习笔记(十五) js间歇调用和超时调用
Jun 20 Javascript
详解JavaScript语法对{}处理的坑爹之处
Jun 05 Javascript
详解JavaScript编程中的数组结构
Oct 24 Javascript
详解Angualr 组件间通信
Jan 21 Javascript
将input框中输入内容显示在相应的div中【三种方法可选】
May 08 Javascript
javascript 缓冲运动框架的实现
Sep 29 Javascript
vue中rem的配置的方法示例
Aug 30 Javascript
element ui table 增加筛选的方法示例
Nov 02 Javascript
vue踩坑记录之数组定义和赋值问题
Mar 20 Javascript
自定义Vue组件打包、发布到npm及使用教程
May 22 Javascript
详解Node.JS模块 process
Aug 31 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
一道求$b相对于$a的相对路径的php代码
2010/08/08 PHP
PHP使用PHPMailer发送邮件的简单使用方法
2013/11/12 PHP
PHP在linux上执行外部命令的方法
2017/02/06 PHP
Laravel如何创建服务器提供者实例代码
2019/04/15 PHP
使用TextRange获取输入框中光标的位置的代码
2007/03/08 Javascript
jQuery 美元符冲突的解决方法
2010/03/28 Javascript
js getElementsByTagName的简写方式
2010/06/27 Javascript
javascript跨域方法、原理以及出现问题解决方法(详解)
2015/08/06 Javascript
JavaScript保留关键字汇总
2015/12/01 Javascript
js随机生成26个大小写字母
2016/02/12 Javascript
全面了解javascript三元运算符
2016/06/27 Javascript
AngularJS出现$http异步后台无法获取请求参数问题的解决方法
2016/11/03 Javascript
使用vue-infinite-scroll实现无限滚动效果
2018/06/22 Javascript
vue底部加载更多的实例代码
2018/06/29 Javascript
解决vue接口数据赋值给data没有反应的问题
2018/08/27 Javascript
VUE v-model表单数据双向绑定完整示例
2019/01/21 Javascript
Angular7创建项目、组件、服务以及服务的使用
2019/02/19 Javascript
js Array.slice的8种不同用法示例
2019/07/10 Javascript
Vue+Koa2+mongoose写一个像素绘板的实现方法
2019/09/10 Javascript
JS几个常用的函数和对象定义与用法示例
2020/01/15 Javascript
小程序实现左滑删除的效果的实例代码
2020/10/19 Javascript
Selenium(Python web测试工具)基本用法详解
2018/08/10 Python
python实现一个简单的udp通信的示例代码
2019/02/01 Python
PyQt编程之如何在屏幕中央显示窗体的实例
2019/06/18 Python
Anaconda详细安装步骤图文教程
2020/11/12 Python
CSS3实现自定义Checkbox特效实例代码
2017/04/24 HTML / CSS
PHP开发的一般流程
2013/08/13 面试题
最新个人职业生涯规划书
2014/01/22 职场文书
设计师求职信模板
2014/05/06 职场文书
我的中国梦演讲稿高中篇
2014/08/19 职场文书
公司合并协议书范本
2014/09/30 职场文书
先进班组材料范文
2014/12/25 职场文书
音乐教师个人工作总结
2015/02/06 职场文书
英文辞职信范文
2015/05/13 职场文书
2015年城乡环境综合治理工作总结
2015/07/24 职场文书
初一语文教学反思
2016/03/03 职场文书