微信小程序教程系列之设置标题栏和导航栏(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 相关文章推荐
js form 验证函数 当前比较流行的错误提示
Jun 23 Javascript
jquery提升性能最佳实践小结
Dec 06 Javascript
js中小数转换整数的方法
Jan 26 Javascript
获取阴历(农历)和当前日期的js代码
Feb 15 Javascript
javascript中Date对象应用之简易日历实现
Jul 12 Javascript
jQuery实现的放大镜效果示例
Sep 13 Javascript
浅谈jquery中使用canvas的问题
Oct 10 Javascript
微信小程序 出现错误:{"baseresponse":{"errcode":-80002,"errmsg":""}}解决办法
Feb 23 Javascript
浅谈angular2 组件的生命周期钩子
Aug 12 Javascript
利用yarn代替npm管理前端项目模块依赖的方法详解
Sep 04 Javascript
ligerUI---ListBox(列表框可移动的实例)
Nov 28 Javascript
JS严格模式知识点总结
Feb 27 Javascript
微信小程序实战之仿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 unset全局变量运用问题的深入解析
2013/06/17 PHP
PHP执行Curl时报错提示CURL ERROR: Recv failure: Connection reset by peer的解决方法
2014/06/26 PHP
PHP获取数组中指定的一列实例
2017/12/27 PHP
Javascript学习笔记二 之 变量
2010/12/15 Javascript
js data日期初始化的5种方法
2013/12/29 Javascript
动态加载脚本提升javascript性能
2014/02/24 Javascript
JavaScript动态改变div属性的实现方法
2015/07/22 Javascript
关于JS中prototype的理解
2015/09/07 Javascript
canvas实现图像布局填充功能
2017/02/06 Javascript
教你快速搭建Node.Js服务器的方法教程
2017/03/30 Javascript
解决Js先触发失去焦点事件再执行点击事件的问题
2018/08/30 Javascript
Vue监听事件实现计数点击依次增加的方法
2018/09/26 Javascript
Vue 全家桶实现移动端酷狗音乐功能
2018/11/16 Javascript
vue3.0 搭建项目总结(详细步骤)
2019/05/20 Javascript
从零搭一个自用的前端脚手架的方法步骤
2019/09/23 Javascript
vue(2.x,3.0)配置跨域代理
2019/11/27 Javascript
Python实现抓取城市的PM2.5浓度和排名
2015/03/19 Python
python判断一个集合是否包含了另外一个集合中所有项的方法
2015/06/30 Python
高质量Python代码编写的5个优化技巧
2017/11/16 Python
windows下安装python的C扩展编译环境(解决Unable to find vcvarsall.bat)
2018/02/21 Python
python 对txt中每行内容进行批量替换的方法
2018/07/11 Python
基于多进程中APScheduler重复运行的解决方法
2019/07/22 Python
Python 中的 global 标识对变量作用域的影响
2019/08/12 Python
Python递归函数 二分查找算法实现解析
2019/08/12 Python
python 经典数字滤波实例
2019/12/16 Python
使用TensorFlow-Slim进行图像分类的实现
2019/12/31 Python
英国著名国际平价时尚男装品牌:Topman
2016/08/27 全球购物
Sephora丝芙兰菲律宾官方网站:购买化妆品和护肤品
2017/04/05 全球购物
C语言变量的命名规则都有哪些
2013/12/27 面试题
建筑行业的大学生自我评价
2013/12/08 职场文书
高二政治教学反思
2014/02/01 职场文书
质量承诺书怎么写
2014/05/24 职场文书
音乐之声音乐广播稿
2014/09/10 职场文书
用python画城市轮播地图
2021/05/28 Python
了解MySQL查询语句执行过程(5大组件)
2022/08/14 MySQL
使用CSS实现音波加载效果
2023/05/07 HTML / CSS