uniapp tabber 图标点击后大小不一致

您好！对于UniApp的TabBar图标大小不一致的问题，可以尝试以下几种解决方法：

1. 使用统一大小的图标：确保所有的TabBar图标都使用相同的大小，这样可以避免大小不一致的问题。

2. 使用自定义图标字体：UniApp支持使用字体图标，可以选择一个字体图标库，将图标作为字体文件引入，然后通过类似于`<text class="iconfont">图标代码</text>`的方式来使用图标。这样可以保证所有的图标大小一致。

3. 使用CSS样式控制图标大小：通过在TabBar图标的样式中添加`width`和`height`属性，设置统一的宽高值，来控制图标的大小。

4. 使用图片剪裁工具：如果TabBar图标是使用图片的形式，可以使用图片剪裁工具将图片剪裁为统一的大小，然后再使用。

希望这些方法能帮助您解决TabBar图标大小不一致的问题！如果还有其他问题，请随时提问。

相关问题

uniapp自定义tabber不跳转页面只是调用方法

可以通过在uni-app中自定义组件实现自定义tabbar，并且在点击tabbar时调用对应的方法而不是跳转到页面。具体步骤如下：

1. 创建自定义组件

在uni-app项目中创建一个自定义组件，可以参考uni-app官方文档的说明：https://uniapp.dcloud.io/component/README。

2. 在自定义组件中定义tabbar

在自定义组件中，可以使用uni-app提供的组件来实现tabbar，比如使用uni-icons组件来展示图标，使用uni-badge组件来展示未读消息数等。

3. 在自定义组件中定义方法

在自定义组件中定义点击tabbar时的方法，并且在该方法中调用需要执行的函数。

4. 在需要使用自定义tabbar的页面中引用自定义组件

在需要使用自定义tabbar的页面中引用自定义组件，并将自定义组件放置在页面的底部，替代原来的tabbar。

5. 在页面中调用自定义组件中定义的方法

在页面中需要调用自定义tabbar中定义的方法时，可以通过获取组件实例来调用对应的方法，比如使用this.selectComponent()方法。

以上就是uni-app中实现自定义tabbar并且不跳转页面只是调用方法的步骤。

uniapp关闭原有的tabber

要在 uniapp 中关闭原有的 tabbar，可以通过在页面的 `onLoad` 生命周期中使用 `uni.hideTabBar()` 方法来实现。具体代码如下：

export default {
  onLoad() {
    uni.hideTabBar();
  },
}

这样就可以在进入该页面时关闭原有的 tabbar 了。如果需要在页面销毁时恢复原有的 tabbar，可以在 `onUnload` 生命周期中使用 `uni.showTabBar()` 方法来实现。