欢迎点击「算法与编程之美」↑关注我们！
本文首发于微信公众号："算法与编程之美"，欢迎关注，及时了解更多此系列文章。
问题如何在小程序实现一个顶部导航标签栏并展示对应页面内容？
当我们在一个小程序中想要查看某些信息，总是以页面顶部的一个导航栏展示出来，点击该导航栏上的各个标签则会出现对应页面内容。而如何实现顶部的标签导航，则需要我们引入dist中的tab组件。
方法（1）在json中引入tab组件。
表3.1 tab组件引入
{
"usingComponents": {
"van-tab": "/dist/tab/index",
"van-tabs": "/dist/tabs/index"
}
}
（2）wxml中的内容。
通过active设定当前激活标签对应的索引值，默认情况下启用第一个标签。
表3.2 wxml代码示例
&l
