如何实现微信小程序顶部和底部都有导航栏?

请问大家,怎么实现在微信小程序上有这种上面有导航栏,下面也有导航栏的效果呢?可以在底部的是App.json上加了tarBar的,那顶部如何实现?在这个home中再添加tarBar吗?

img

这种属性自己封装的tab栏

那只是一个tab效果而已,是自己写的。不是配置项。

上面的导航栏,以下是我个人的实现步骤:
1、可以在 JS 端 定义分类导航的数据列表,也就是一个数组。
2、然后在 wxml 页面 view 控件循环打印出来,并给控件绑定点击事件处理函数,在 JS 端定义事件处理函数。
3、最后对 view 的样式进行美化。