主要为大家详细介绍了微信小程序教程系列之标题栏和导航栏的设置，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

底部3-5个选项的底部导航栏，目前在移动端上是主流布局之一，因此腾讯官方特地做了，可以通过设置，就可以做出了一个底部的导航栏。 相关教程：微信小程序教程系列之设置标题栏和导航栏（7） 但是通过设置的这个底部的导航栏，功能上比较固定，它必须要设置与它对应的一个页面，而且并不能滑动。 在业务上，有时候会比较限制，并不能完全满足所需。 又例如早前有人拿着UI稿问我，这种广告轮播图的样式，在小程序能不能实现呢？ 我当时没有想了下，还不是很确定，因为小程序的轮播图的那几个小点点实在比较普通，样式单一。

微信小程序标题栏和导航栏的设置方法，具体内容如下 设置标题栏 标题栏window 在app.json文件里面，通过window对象里面的属性进行设置 示例： app.json： 运行： 设置导航栏 导航栏TabBar 如果我们的小程序是一个多 tab 应用（客户端窗口的底部或顶部有 tab 栏可以切换页面），那么我们可以通过 tabBar 配置项指定 tab 栏的表现，以及 tab 切换时显示的对应页面。 Tip： 通过页面跳转（wx.navigateTo）或者页面重定向（wx.redi