微信小程序教程系列之设置标题栏和导航栏(7)


Posted in Javascript onJune 29, 2020

微信小程序标题栏和导航栏的设置方法,具体内容如下

设置标题栏

标题栏window

在app.json文件里面,通过window对象里面的属性进行设置

微信小程序教程系列之设置标题栏和导航栏(7)

示例:
app.json:

微信小程序教程系列之设置标题栏和导航栏(7)

运行:

微信小程序教程系列之设置标题栏和导航栏(7)

设置导航栏

导航栏TabBar

如果我们的小程序是一个多 tab 应用(客户端窗口的底部或顶部有 tab 栏可以切换页面),那么我们可以通过 tabBar 配置项指定 tab 栏的表现,以及 tab 切换时显示的对应页面。

Tip: 通过页面跳转(wx.navigateTo)或者页面重定向(wx.redirectTo)所到达的页面,即使它是定义在 tabBar 配置中的页面,也不会显示底部的 tab 栏。

tabBar 是一个数组,只能配置最少2个、最多5个 tab,tab 按数组的顺序排序。

微信小程序教程系列之设置标题栏和导航栏(7)

微信小程序教程系列之设置标题栏和导航栏(7)

示例:
app.json:

微信小程序教程系列之设置标题栏和导航栏(7)

运行:

微信小程序教程系列之设置标题栏和导航栏(7)

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
[原创]站长必须要知道的javascript广告代码
May 30 Javascript
基于jquery实现的文字向上跑动类似跑马灯的效果
Jun 17 Javascript
JS小游戏之仙剑翻牌源码详解
Sep 25 Javascript
javascript查询字符串参数的方法
Jan 28 Javascript
基于JavaScript实现瀑布流效果(循环渐近)
Jan 27 Javascript
vue 打包后的文件部署到express服务器上的方法
Aug 09 Javascript
JS SetInterval 代码实现页面轮询
Aug 11 Javascript
微信小程序实现左右联动的实战记录
Jul 05 Javascript
vue的过滤器filter实例详解
Sep 17 Javascript
jQuery基于随机数解决中午吃什么去哪吃问题示例
Dec 29 jQuery
微信小程序实现点击导航条切换页面
Nov 19 Javascript
vue keep-alive的简单总结
Jan 25 Vue.js
微信小程序实战之仿android fragment可滑动底部导航栏(4)
Apr 16 #Javascript
JavaScript实现前端实时搜索功能
Mar 26 #Javascript
用 js 的 selection range 操作选择区域内容和图片
Apr 18 #Javascript
jacascript DOM节点——元素节点、属性节点、文本节点
Apr 18 #Javascript
Angularjs根据json文件动态生成路由状态的实现方法
Apr 17 #Javascript
微信小程序实战之轮播图(3)
Apr 17 #Javascript
微信小程序实战之顶部导航栏(选项卡)(1)
Jun 19 #Javascript
You might like
深入PHP许愿墙模块功能分析
2013/06/25 PHP
PHP基于数组实现的分页函数实例
2014/08/20 PHP
日期 时间js控件
2009/05/07 Javascript
网页自动跳转代码收集
2009/09/27 Javascript
jquery 为a标签绑定click事件示例代码
2014/06/23 Javascript
js实现带有介绍的Select列表菜单实例
2015/08/18 Javascript
javascript同步服务器时间和同步倒计时小技巧
2015/09/24 Javascript
JS实现漂亮的窗口拖拽效果(可改变大小、最大化、最小化、关闭)
2015/10/10 Javascript
基于javascript实现彩票随机数生成(简单版)
2020/04/17 Javascript
详解JavaScript数组和字符串中去除重复值的方法
2016/03/07 Javascript
微信JS-SDK自定义分享功能实例详解【分享给朋友/分享到朋友圈】
2016/11/25 Javascript
详解Angular中的自定义服务Service、Provider以及Factory
2017/04/22 Javascript
js实现图片放大展示效果
2017/08/30 Javascript
jQuery模仿ToDoList实现简单的待办事项列表
2019/12/30 jQuery
vue递归获取父元素的元素实例
2020/08/07 Javascript
JS+Canvas实现五子棋游戏
2020/08/26 Javascript
selenium 反爬虫之跳过淘宝滑块验证功能的实现代码
2020/08/27 Javascript
[37:03]完美世界DOTA2联赛PWL S3 INK ICE vs GXR 第二场 12.16
2020/12/18 DOTA
Django 查询数据库并返回页面的例子
2019/08/12 Python
Python目录和文件处理总结详解
2019/09/02 Python
python用线性回归预测股票价格的实现代码
2019/09/04 Python
wxPython绘图模块wxPyPlot实现数据可视化
2019/11/19 Python
css3过渡_动力节点Java学院整理
2017/07/11 HTML / CSS
美国隐形眼镜网上商店:Lens.com
2019/09/03 全球购物
如何判断计算机可能已经中马
2013/03/22 面试题
信息专业个人的自我评价
2013/12/27 职场文书
酒店拾金不昧表扬信
2014/01/18 职场文书
养生餐厅创业计划书范文
2014/03/26 职场文书
股东出资证明书(正规版)
2014/09/24 职场文书
个人先进事迹总结
2015/02/26 职场文书
2015教师节师德演讲稿
2015/03/19 职场文书
2015年后勤工作总结范文
2015/04/08 职场文书
召开会议通知范文
2015/04/15 职场文书
2015年世界急救日宣传活动方案
2015/05/06 职场文书
实习证明格式范文
2015/06/16 职场文书
css 边框添加四个角的实现代码
2021/10/16 HTML / CSS