uniapp中pages.json中tabbar使用的是阿里矢量图标，但是一点击图片就消失了，而且为啥不是tabbar页面的就不会出现tabbar

uniapp中pages.json中tabbar使用的是阿里矢量图标，但是一点击图片就消失了，而且为啥不是tabbar页面的就不会出现tabbar

对于你在uniapp中使用阿里矢量图标作为tabbar，点击后消失的问题，这可能是由于图标加载或显示的问题导致的。下面是一些可能的解决方案：

1. 检查图标链接：确保你使用的阿里矢量图标的链接是正确的，并且图标文件可以在浏览器中正常访问。如果图标文件无法访问，可能导致点击后消失的问题。
2. 图标尺寸和颜色：确认你在pages.json中为tabbar设置的图标尺寸和颜色是否正确。如果尺寸或颜色与图标的原始样式不匹配，可能会导致显示异常。
3. 图标字体库：阿里矢量图标需要使用特定的字体库来正确显示。请确保你的uniapp项目中已经正确引入了相应的字体库文件。
4. 代码语法检查：检查你在pages.json文件中设置tabbar的代码是否有语法错误或拼写错误。这些错误可能导致tabbar无法正确显示。

对于非tabbar页面无法显示tabbar的问题，这可能是由于你在非tabbar页面中没有正确设置tabBar组件或者使用了不正确的代码语法。下面是一些可能的解决方案：

1. 检查代码语法：在非tabbar页面的页面组件中，你需要正确设置tabBar组件，并确保使用的语法是正确的。
2. tabBar组件的位置：请确保你在页面组件中正确地放置了tabBar组件。如果tabBar组件的位置不正确，也可能导致无法显示的问题。
3. 使用uni-app官方文档：参考uni-app官方文档中关于tabbar的说明和示例代码，确保你按照正确的步骤和语法设置tabbar。
4. 清除缓存和重新编译：有时，编译器可能会缓存一些先前的编译结果，导致新修改的代码无法正常生效。尝试清除缓存并重新编译你的项目，以确保更改生效。

【相关推荐】

• 你可以参考下这个问题的回答, 看看是否对你有帮助, 链接: https://ask.csdn.net/questions/7681823
• 我还给你找了一篇非常好的博客，你可以看看是否有帮助，链接：微信小程序 | 隐藏底部菜单栏 json中的tabBar

如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^