微信小程序自定义底部导航栏

目标：首页没有底部导航栏，仅仅在部分页面有底部导航栏。发现微信小程序自带的tabbar无法实现该目标。

经过搜索之后发现了这篇文章，在这篇的基础上进行补充和改进。
https://blog.youkuaiyun.com/alertqian/article/details/71711453

作为一个微信小程序的新手，改了这篇里的代码还是不进行显示。看到评论里有人提到需要在index.wxml中也需要引入。

在index.wxml 和 logs.wxml中补充

<import src="../../tabbar.wxml"/>

我将原作者补充在app.wxss的部分，放在了另外新建的一个tabbar.wxss中。
并且在index.wxss和 logs.wxss中补充了

@import "../../tabbar.wxss" 

项目结构如下图

测试的时候发现，底部导航栏的图片在电脑上编译的时候可以显示，但是在真机上不显示。最后解决的方法是修改图片名称，将图片名称中的中文改成了英文就可以在真机上显示了。

现在底部导航栏在修改后可以正常显示，但是导航栏背景色为透明，可以看见后面的页面，这个问题被解决的时候再更新吧……
【这个问题最后是通过另外一种方式解决的，最后依旧不知道怎么让导航栏背景有颜色，但是可以通过调节其他视图容器的大小，使其与导航栏不重叠。】