微信小程序教程系列之设置标题栏和导航栏(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 相关文章推荐
B/S开发中常用javaScript技术与代码
Mar 09 Javascript
面向对象的Javascript之三(封装和信息隐藏)
Jan 27 Javascript
JavaScript高级程序设计 阅读笔记(十三) js定义类或对象
Aug 14 Javascript
JS增加行复制行删除行的实现代码
Nov 09 Javascript
node.js中的fs.closeSync方法使用说明
Dec 17 Javascript
JavaScript判断表单提交时哪个radio按钮被选中的方法
Mar 21 Javascript
JavaScript搜索字符串并将搜索结果返回到字符串的方法
Apr 06 Javascript
JS实现图片高亮展示效果实例
Nov 24 Javascript
深入浅析Vue中的 computed 和 watch
Jun 06 Javascript
微信小程序实现天气预报功能
Jul 18 Javascript
JavaScript:ES2019 的新特性(译)
Aug 08 Javascript
vue 开发企业微信整合案例分析
Dec 02 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 各种排序算法实现代码
2009/08/20 PHP
MYSQL 小技巧 -- LAST_INSERT_ID
2009/11/24 PHP
php学习笔记 PHP面向对象的程序设计
2011/06/13 PHP
php判断输入不超过mysql的varchar字段的长度范围
2011/06/24 PHP
Zend Framework入门教程之Zend_Db数据库操作详解
2016/12/08 PHP
PHP实现数据四舍五入的方法小结【4种方法】
2019/03/27 PHP
通过JAVASCRIPT读取ASP设定的COOKIE
2007/02/15 Javascript
Jquery 获取表单text,areatext,radio,checkbox,select值的代码
2009/11/12 Javascript
jQuery-Tools-overlay 使用介绍
2012/07/14 Javascript
css+js实现部分区域高亮可编辑遮罩层
2014/03/04 Javascript
jQuery的animate函数学习记录
2014/08/08 Javascript
JavaScript设计模式之原型模式(Object.create与prototype)介绍
2014/12/28 Javascript
JavaScript中rem布局在react中的应用
2015/12/09 Javascript
AngularJS2中一种button切换效果的实现方法(二)
2017/03/27 Javascript
JS使用对象的defineProperty进行变量监控操作示例
2019/02/02 Javascript
微信js-sdk 录音功能的示例代码
2019/11/01 Javascript
vue通过接口直接下载java生成好的Excel表格案例
2020/10/26 Javascript
Sanic框架Cookies操作示例
2018/07/17 Python
python去除拼音声调字母,替换为字母的方法
2018/11/28 Python
简单了解Python3里的一些新特性
2019/07/13 Python
浅析python 中大括号中括号小括号的区分
2019/07/29 Python
python实现车牌识别的示例代码
2019/08/05 Python
python 计算积分图和haar特征的实例代码
2019/11/20 Python
python通过opencv实现图片裁剪原理解析
2020/01/19 Python
python 安装impala包步骤
2020/03/28 Python
python 最简单的实现适配器设计模式的示例
2020/06/30 Python
解析html5 canvas实现背景鼠标连线动态效果代码
2019/06/17 HTML / CSS
香港艺人陈冠希创办的潮流品牌:JUICESTORE
2021/03/04 全球购物
配件采购员岗位职责
2013/12/03 职场文书
环境科学专业个人求职信
2013/12/15 职场文书
2014年党员公开承诺书范文
2014/03/28 职场文书
爱之链教学反思
2014/04/30 职场文书
国家领导干部党的群众路线教育实践活动批评与自我批评材料
2014/09/23 职场文书
公司内部升职自荐信
2015/03/27 职场文书
漫画「狩龙人拉格纳」公开TV动画预告图
2022/03/22 日漫
【海涛解说】暗牧也疯狂,牛蛙成配角
2022/04/01 DOTA