微信小程序 新建登录页并实现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 select(列表)的操作(取值/赋值)
Aug 06 Javascript
JS小功能(操作Table--动态添加删除表格及数据)实现代码
Nov 28 Javascript
jQuery实现瀑布流的取巧做法分享
Jan 12 Javascript
JavaScript中实现sprintf、printf函数
Jan 27 Javascript
基于jquery实现表格无刷新分页
Jan 07 Javascript
JavaScript实现横线提示输入验证码随输入验证码输入消失的方法
Sep 24 Javascript
微信小程序 toast 详解及实例代码
Nov 09 Javascript
vue 引入公共css文件的简单方法(推荐)
Jan 20 Javascript
Vue 自定义动态组件实例详解
Mar 28 Javascript
JavaScript禁止右击保存图片,禁止拖拽图片的实现代码
Apr 28 Javascript
Vue+Openlayers自定义轨迹动画
Sep 24 Javascript
JS将指定的某个字符全部转换为其他字符实例代码
Oct 13 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 代码优化之经典示例
2011/03/24 PHP
深入理解PHP原理之执行周期分析
2016/06/01 PHP
PHP中模糊查询并关联三个select框
2017/06/19 PHP
在 Laravel 项目中使用 webpack-encore的方法
2019/07/21 PHP
PHP论坛实现积分系统的思路代码详解
2020/06/01 PHP
基于jquery的9行js轻松实现tab控件示例
2013/10/12 Javascript
js倒计时小程序
2013/11/05 Javascript
javascript计算当月剩余天数(天数计算器)示例代码
2014/01/09 Javascript
JS实现仿QQ面板的手风琴效果折叠菜单代码
2015/09/11 Javascript
jQuery 1.9版本以上的浏览器判断方法代码分享
2017/08/28 jQuery
JavaScript使用递归和循环实现阶乘的实例代码
2018/08/28 Javascript
使用webpack构建应用的方法步骤
2019/03/04 Javascript
通过实例讲解JS如何防抖动
2019/06/15 Javascript
vue移动端使用appClound拉起支付宝支付的实现方法
2019/11/21 Javascript
Vue的v-model的几种修饰符.lazy,.number和.trim的用法说明
2020/08/05 Javascript
JS绘图Flot应用图形绘制异常解决方案
2020/10/16 Javascript
[57:53]Secret vs Pain 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/20 DOTA
在Docker上部署Python的Flask框架的教程
2015/04/08 Python
python bottle框架支持jquery ajax的RESTful风格的PUT和DELETE方法
2017/05/24 Python
python实现稀疏矩阵示例代码
2017/06/09 Python
scrapy爬虫实例分享
2017/12/28 Python
Python带动态参数功能的sqlite工具类
2018/05/26 Python
详解Python中的type和object
2018/08/15 Python
python读取xlsx的方法
2018/12/25 Python
Python3日期与时间戳转换的几种方法详解
2019/06/04 Python
浅谈python3打包与拆包在函数的应用详解
2020/05/02 Python
带你学习Python如何实现回归树模型
2020/07/16 Python
利用python+request通过接口实现人员通行记录上传功能
2021/01/13 Python
css3中less实现文字长阴影(long shadow)
2020/04/24 HTML / CSS
日本民宿预约平台:STAY JAPAN
2017/07/01 全球购物
毕业生求职简历的自我评价
2013/10/23 职场文书
建房协议书
2014/04/11 职场文书
导师推荐信范文
2014/05/09 职场文书
创建绿色社区汇报材料
2014/08/22 职场文书
杭州黄龙洞导游词
2015/02/10 职场文书
2014年底个人工作总结
2015/03/10 职场文书