微信小程序教程系列之设置标题栏和导航栏7

首页 > 网络编程 > JavaScript > javascript技巧 更新日期: 2017-09-09
这篇文章主要为大家详细介绍了微信小程序教程系列之标题栏和导航栏的设置,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

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

设置标题栏

标题栏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

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


> 本站内容系网友提交或本网编辑转载,其目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权和其它问题,请及时与本网联系,我们将在第一时间删除内容!

相关文章
  • php官方微信接口大全微信支付、微信红包、微信摇一摇、微信小店
    这篇文章主要介绍了php官方微信接口大全,包括微信支付.微信红包.微信摇一摇.微信小店,感兴趣的小伙伴们可以参考一下微信入口绑定,微信事件处理,微信API全部操作包含在这些文件中.内容有:微信摇一摇接口/微信多客服接口/微信支付接口/微信红包接口/微信卡券接口/微信小店接口/JSAPI <?php class WxApi { const appId = ...
  • C#一个简单的定时小程序实现代码
    这篇文章主要介绍了C#实现一个简单的定时小程序代码,实现过程很简单,需要的朋友可以参考下之前一直觉得定时程序好神秘,后来,当我自己真正写了一个小的定时程序时,发现其实没有想象中的那么难.下面,我分享一下我自己的操作过程,希望能对大家有帮助. 1)在我们的项目中添加引用文件:TaskSchedulerEngine.dll(dll定义了一个ITask接口,定义了 ...
  • Python实现的一个找零钱的小程序代码分享
    这篇文章主要介绍了Python实现的一个找零钱的小程序代码分享,本文中可以区分出应该找零多少元.多少角,需要的朋友可以参考下Python写的一个按面值找零钱的程序,按照我们正常的思维逻辑从大面值到小面值的找零方法,人民币面值有100元,50元,20元,10元,5元,1元,5角,1角,而程序也相应的设置了这些面值.只需要调用函数时传入您想要找零的金额,程序会自 ...
  • iOSApp开发中导航栏的创建及基本属性设置教程
    iOSApp开发中导航栏的创建及基本属性设置教程
    这篇文章主要介绍了iOS App开发中导航栏的创建及基本属性设置教程,即用UINavigationController来编写navigation,示例代码为Objective-C语言,需要的朋友可以参考下文件目录如下:基本导航顺序: root -> First -> Second -> Third.其中,FirstViewControlle ...
  • Android程序开发之自定义设置TabHost,TabWidget样式
    Android程序开发之自定义设置TabHost,TabWidget样式
    这篇文章主要介绍了Android程序开发之自定义设置TabHost,TabWidget样式的相关资料,需要的朋友可以参考下先看效果: 京东商城底部菜单栏 新浪微博底部菜单栏 本次学习效果图: 第一,主布局文件(启动页main.xml,位于res/layout目录下)代码 <?xml version="." encoding=&quo ...
  • 一个计算身份证号码校验位的Python小程序
    闲着无事,便想写个实用点的Python小程序,如何计算机身份证号码的校验位,这样的文章在网上一抓一大把,这里仅简单介绍下吧S = Sum(Ai * Wi), i=0,.......16 (现在的身份证号码都是18位长,其中最后一位是校验位,15位的身份证号码好像不用了) Ai对应身份证号码,Wi则为用于加权计算的值,它一串固定的数值,应该是根据某种规则得出的 ...
猜你喜欢