微信小程序教程系列之设置标题栏和导航栏(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 函数式编程的原理
Oct 16 Javascript
js中将字符串转换成json的三种方式
Jan 12 Javascript
jquery自动填充勾选框即把勾选框打上true
Mar 24 Javascript
node.js入门教程迷你书、node.js入门web应用开发完全示例
Apr 06 Javascript
jQuery背景插件backstretch使用指南
Apr 21 Javascript
jQuery EasyUI Dialog拖不下来如何解决
Sep 28 Javascript
JavaScript中Object值合并方法详解
Dec 22 Javascript
详解React项目的服务端渲染改造(koa2+webpack3.11)
Mar 19 Javascript
vue 使某个组件不被 keep-alive 缓存的方法
Sep 21 Javascript
JS+CSS3实现的简易钟表效果示例
Apr 13 Javascript
Vue组件间数据传递的方式(3种)
Jul 13 Javascript
Vue3+elementui plus创建项目的方法
Dec 01 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合并数组array_merge函数运算符加号与的区别
2008/10/31 PHP
PHP Document 代码注释规范
2009/04/13 PHP
用PHP实现 上一篇、下一篇的代码
2012/09/29 PHP
php 字符串压缩方法比较示例
2014/01/23 PHP
Yii2实现上下联动下拉框功能的方法
2016/08/10 PHP
基于php实现的php代码加密解密类完整实例
2016/10/12 PHP
yii2多图上传组件的使用教程
2018/05/10 PHP
javascript 延迟加载技术(lazyload)简单实现
2011/01/17 Javascript
js自定义事件及事件交互原理概述(二)
2013/02/01 Javascript
利用js实现选项卡的特别效果的实例
2013/03/03 Javascript
js正则表达式匹配数字字母下划线等
2015/04/14 Javascript
js实现登录验证码
2016/12/22 Javascript
vue2.0实现倒计时的插件(时间戳 刷新 跳转 都不影响)
2017/03/30 Javascript
seajs中最常用的7个功能、配置示例
2017/10/10 Javascript
Angular2.0实现modal对话框的方法示例
2018/02/18 Javascript
Vue-Router模式和钩子的用法
2018/02/28 Javascript
浅谈js获取ModelAndView值的问题
2018/03/28 Javascript
vue.js与element-ui实现菜单树形结构的解决方法
2018/04/21 Javascript
axios携带cookie配置详解(axios+koa)
2018/12/28 Javascript
Vue中使用canvas方法总结
2019/02/12 Javascript
js canvas实现5张图片合成一张图片
2019/07/15 Javascript
微信小程序实现动态列表项的顺序加载动画
2019/07/25 Javascript
java实现单链表增删改查的实例代码详解
2019/08/30 Javascript
layui表格 列自动适应大小失效的解决方法
2019/09/06 Javascript
JavaScript使用localStorage存储数据
2019/09/25 Javascript
遍历python字典几种方法总结(推荐)
2016/09/11 Python
Django 生成登陆验证码代码分享
2017/12/12 Python
Python采集代理ip并判断是否可用和定时更新的方法
2018/05/07 Python
python matplotlib 在指定的两个点之间连线方法
2018/05/25 Python
Python 忽略warning的输出方法
2018/10/18 Python
详解Python数据分析--Pandas知识点
2019/03/23 Python
爱尔兰领先的在线体育用品零售商:theGAAstore
2018/04/16 全球购物
预订旅游活动、景点和旅游:GetYourGuide
2019/09/29 全球购物
不用游标的SQL语句有哪些
2012/09/07 面试题
写自招自荐信的绝招!
2019/04/19 职场文书
vue基于Teleport实现Modal组件
2021/05/31 Vue.js