微信小程序教程系列之设置标题栏和导航栏(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单例模式详解实例
Nov 21 Javascript
一种新的javascript对象创建方式Object.create()
Dec 28 Javascript
JavaScript仿支付宝密码输入框
Dec 29 Javascript
Javascript 正则表达式校验数字的简单实例
Nov 02 Javascript
JavaScript实现各种排序的代码详解
Aug 28 Javascript
JS实现的简单四则运算计算器功能示例
Sep 27 Javascript
Vue监听一个数组id是否与另一个数组id相同的方法
Sep 26 Javascript
在vue中获取token,并将token写进header的方法
Sep 26 Javascript
Angular使用Restful的增删改
Dec 28 Javascript
微信小程序开发之左右分栏效果的实例代码
May 20 Javascript
js中位数不足自动补位扩展padLeft、padRight实现代码
Apr 06 Javascript
element-ui 弹窗组件封装的步骤
Jan 22 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中使用Oracle数据库(6)
2006/10/09 PHP
php Undefined index和Undefined variable的解决方法
2008/03/27 PHP
简单的PHP图片上传程序
2008/03/27 PHP
基于Codeigniter框架实现的student信息系统站点动态发布功能详解
2017/03/23 PHP
PHP递归实现汉诺塔问题的方法示例
2017/11/25 PHP
PHP注释语法规范与命名规范详解篇
2018/01/21 PHP
php成功操作redis cluster集群的实例教程
2019/01/13 PHP
jQuery使用post方法提交数据实例
2015/03/25 Javascript
js实现数组冒泡排序、快速排序原理
2016/03/08 Javascript
AngularJS教程之MVC体系结构详解
2016/08/16 Javascript
jQuery EasyUI Draggable拖动组件
2017/03/01 Javascript
Vue自定义指令使用方法详解
2017/08/21 Javascript
浅谈使用React.setState需要注意的三点
2017/12/18 Javascript
JS实现左边列表移到到右边列表功能
2018/03/28 Javascript
jQuery创建及操作xml格式数据示例
2018/05/26 jQuery
在Vant的基础上实现添加表单验证框架的方法示例
2018/12/05 Javascript
深入解读VUE中的异步渲染的实现
2020/06/19 Javascript
微信小程序实现通讯录列表展开收起
2020/11/18 Javascript
[04:31]2016国际邀请赛中国区预选赛妖精采访
2016/06/27 DOTA
[01:16:13]DOTA2-DPC中国联赛 正赛 SAG vs Dragon BO3 第一场 2月22日
2021/03/11 DOTA
Python选课系统开发程序
2016/09/02 Python
python中正则的使用指南
2016/12/04 Python
浅谈五大Python Web框架
2017/03/20 Python
Python KMeans聚类问题分析
2018/02/23 Python
python语言的优势是什么
2020/06/17 Python
python正则表达式 匹配反斜杠的操作方法
2020/08/07 Python
python 下载文件的多种方法汇总
2020/11/17 Python
pandas将list数据拆分成行或列的实现
2020/12/13 Python
python中threading和queue库实现多线程编程
2021/02/06 Python
Timex手表官网:美国运动休闲手表品牌
2017/01/28 全球购物
Orvis官网:自1856年以来,优质服装、飞钓装备等
2018/12/17 全球购物
教育专业个人求职信
2013/12/02 职场文书
团委书记的竞聘演讲稿
2014/04/24 职场文书
企业演讲稿范文大全
2014/05/20 职场文书
环境保护与污染治理求职信
2014/07/16 职场文书
身边的榜样活动方案
2014/08/20 职场文书