博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
微信小程序教程系列之设置标题栏和导航栏
阅读量:6477 次
发布时间:2019-06-23

本文共 440 字,大约阅读时间需要 1 分钟。

微信小程序标题栏和导航栏的设置方法,具体内容如下

设置标题栏

标题栏window

在app.json文件里面,通过window对象里面的属性进行设置

示例:

app.json:

运行:

设置导航栏

导航栏TabBar

如果我们的小程序是一个多 tab 应用(客户端窗口的底部或顶部有 tab 栏可以切换页面),那么我们可以通过 tabBar 配置项指定 tab 栏的表现,以及 tab 切换时显示的对应页面。

欢迎加入全栈开发交流划水交流圈:582735936
面向划水1-3年前端人员
帮助突破划水瓶颈,提升思维能力
Tip: 通过页面跳转(wx.navigateTo)或者页面重定向(wx.redirectTo)所到达的页面,即使它是定义在 tabBar 配置中的页面,也不会显示底部的 tab 栏。

tabBar 是一个数组,只能配置最少2个、最多5个 tab,tab 按数组的顺序排序。

示例:

app.json:

运行:

以上就是本文的全部内容,希望对大家的学习有所帮助

转载地址:http://ftqko.baihongyu.com/

你可能感兴趣的文章
Q:图像太大,在opencv上显示不完全
查看>>
利用ItextPdf、core-renderer-R8 来生成PDF
查看>>
NavigationController的使用
查看>>
密码的校验.大小写字母,数字,特殊字符中的至少3种
查看>>
js滚动加载到底部
查看>>
memcache数据库和redis数据库的区别(理论)
查看>>
我的友情链接
查看>>
第三十九天
查看>>
Redis详解
查看>>
论程序员加班的害处
查看>>
基于HTML5的WebGL设计汉诺塔3D游戏
查看>>
WPF资料链接
查看>>
再次更新
查看>>
利用Windows自带的Certutil查看文件MD5
查看>>
开篇,博客的申请理由
查看>>
[JSOI2008]星球大战starwar BZOJ1015
查看>>
centos 7 部署LDAP服务
查看>>
iOS项目分层
查看>>
IntelliJ IDEA 注册码
查看>>
String字符串的截取
查看>>