微信小程序 新建登录页并实现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 相关文章推荐
js中判断文本框是否为空的两种方法
Jul 31 Javascript
jQuery的缓存机制浅析
Jun 07 Javascript
js获取当前时间显示在页面上并每秒刷新
Dec 24 Javascript
jQuery中filter()方法用法实例
Jan 06 Javascript
js点击选择文本的方法
Feb 09 Javascript
原生js配合cookie制作保存路径的拖拽
Dec 29 Javascript
html+js+highcharts绘制圆饼图表的简单实例
Aug 04 Javascript
JavaScript实现经典排序算法之插入排序
Dec 28 Javascript
webpack4 + react 搭建多页面应用示例
Aug 03 Javascript
vue-cli 项目打包完成后运行文件路径报错问题
Jul 19 Javascript
Vue自定义组件的四种方式示例详解
Feb 28 Javascript
vue中解决微信html5原生ios虚拟键返回不刷新问题
Oct 20 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
FCKeditor的安装(PHP)
2007/01/13 PHP
php 广告调用类代码(支持Flash调用)
2011/08/11 PHP
ThinkPHP CURD方法之page方法详解
2014/06/18 PHP
php实现的九九乘法口诀表简洁版
2014/07/28 PHP
分享ThinkPHP3.2中关联查询解决思路
2015/09/20 PHP
PHP中的switch语句的用法实例详解
2015/10/21 PHP
PHP实现的曲线统计图表示例
2016/11/10 PHP
理解Javascript_15_作用域分配与变量访问规则,再送个闭包
2010/10/20 Javascript
javascript 弹出层组件(升级版)
2011/05/12 Javascript
Extjs EditorGridPanel中ComboBox列的显示问题
2011/07/04 Javascript
JS判断不同分辨率调用不同的CSS样式文件实现思路及测试代码
2013/01/23 Javascript
js document.getElementsByClassName的使用介绍与自定义函数
2016/11/25 Javascript
Vue.js简易安装和快速入门(第二课)
2017/10/17 Javascript
详解javascript中的babel到底是什么
2018/06/21 Javascript
JavaScript实现简易聊天对话框(加滚动条)
2020/02/10 Javascript
vue修改Element的el-table样式的4种方法
2020/09/17 Javascript
jquery实现淡入淡出轮播图效果
2020/12/13 jQuery
[01:00:22]DOTA2-DPC中国联赛定级赛 LBZS vs Magma BO3第三场 1月10日
2021/03/11 DOTA
Python读写文件方法总结
2015/06/09 Python
Python使用Matplotlib实现Logos设计代码
2017/12/25 Python
python验证码识别教程之利用投影法、连通域法分割图片
2018/06/04 Python
python 文件转成16进制数组的实例
2018/07/09 Python
Python里字典的基本用法(包括嵌套字典)
2019/02/27 Python
利用anaconda作为python的依赖库管理方法
2019/08/13 Python
Python3实现mysql连接和数据框的形成(实例代码)
2020/01/17 Python
结合CSS3的新特性来总结垂直居中的实现方法
2016/05/30 HTML / CSS
浅谈html5与APP混合开发遇到的问题总结
2018/03/20 HTML / CSS
Waterford美国官网:爱尔兰水晶制品品牌
2017/04/26 全球购物
美国性感内衣店:Yandy
2018/06/12 全球购物
IFCHIC台湾:欧美国际设计师品牌
2019/05/18 全球购物
高中生自我评语大全
2014/01/19 职场文书
银行竞聘演讲稿
2014/05/16 职场文书
公司活动总结范文
2014/07/01 职场文书
硕士学位论文评语
2014/12/31 职场文书
勤俭节约主题班会
2015/08/13 职场文书
古诗之感恩老师
2019/10/24 职场文书