微信小程序教程系列之设置标题栏和导航栏(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
Sep 24 Javascript
JS获取浏览器版本及名称实现函数
Apr 02 Javascript
jQuery简易图片放大特效示例代码
Jun 09 Javascript
javascript中动态函数用法实例分析
May 14 Javascript
详解JavaScript中的Unescape()和String() 函数
Nov 09 Javascript
JavaScript统计字符串中每个字符出现次数完整实例
Jan 28 Javascript
vuejs通过filterBy、orderBy实现搜索筛选、降序排序数据
Oct 26 Javascript
使用Vue-cli 3.0搭建Vue项目的方法
Jun 07 Javascript
微信小程序实现弹出菜单
Jul 19 Javascript
实现elementUI表单的全局验证的方法步骤
Apr 29 Javascript
云服务器部署Node.js项目的方法步骤(小白系列)
Mar 23 Javascript
原生js实现自定义难度的扫雷游戏
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存储过程调用实例代码
2013/02/03 PHP
zend framework框架中url大小写问题解决方法
2014/08/19 PHP
PHP计算指定日期所在周的开始和结束日期的方法
2015/03/24 PHP
Laravel框架使用monolog_mysql实现将系统日志信息保存到mysql数据库的方法
2018/08/16 PHP
php如何把表单内容提交到数据库
2019/07/08 PHP
javascript attachEvent和addEventListener使用方法
2009/03/19 Javascript
js随机颜色代码的多种实现方式
2013/04/23 Javascript
js 时间格式与时间戳的相互转换示例代码
2013/12/25 Javascript
js设置function参数默认值(适合没有传参情况)
2014/02/24 Javascript
用js传递value默认值的示例代码
2014/09/11 Javascript
JS实现自定义简单网页软键盘效果代码
2015/11/05 Javascript
JavaScript通过代码调用Flash显示的方法
2016/02/02 Javascript
connection reset by peer问题总结及解决方案
2016/10/21 Javascript
提高JavaScript执行效率的23个实用技巧
2017/03/01 Javascript
JavaScript中一些特殊的字符运算
2017/08/17 Javascript
小程序清理本地缓存的方法
2018/08/17 Javascript
vue中render函数的使用详解
2018/10/12 Javascript
为什么说JavaScript预解释是一种毫无节操的机制详析
2018/11/18 Javascript
JS基于ES6新特性async await进行异步处理操作示例
2019/02/02 Javascript
在Vue项目中,防止页面被缩放和放大示例
2019/10/28 Javascript
python计算文本文件行数的方法
2015/07/06 Python
Python配置mysql的教程(推荐)
2017/10/13 Python
Python实现的HMacMD5加密算法示例
2018/04/03 Python
浅谈python函数调用返回两个或多个变量的方法
2019/01/23 Python
python使用SQLAlchemy操作MySQL
2020/01/02 Python
澳大利亚电子产品购物网站:Dick Smith
2017/02/02 全球购物
简单租房协议书
2014/04/09 职场文书
大学专科自荐信
2014/06/17 职场文书
平安工地汇报材料
2014/08/19 职场文书
群众路线对照检查剖析材料
2014/10/09 职场文书
暑期社会实践证明书
2014/11/17 职场文书
社区植树节活动总结
2015/02/06 职场文书
幼儿园小班工作总结2015
2015/04/25 职场文书
Mac M1安装mnmp (Mac+Nginx+MySQL+PHP) 开发环境
2021/03/29 PHP
java代码实现空间切割
2022/01/18 Java/Android
Win10防火墙白名单怎么设置?Win10添加防火墙白名单方法
2022/04/06 数码科技