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

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

1. 检查图标资源：确保你的图标资源文件大小一致，并且符合要求的尺寸。不同尺寸的图标可能在显示时产生大小不一致的问题。

2. 使用字体图标：考虑使用字体图标来代替图片图标。字体图标具有矢量特性，可以自由调整大小，并且在不同设备上显示一致。

3. 使用自定义样式：UniApp提供了自定义样式的选项，你可以通过设置选中和未选中状态下的样式，来调整TabBar图标的大小和样式，确保它们一致。

4. 调整样式属性：使用CSS样式属性`background-size`来调整背景图片的大小，确保选中和未选中状态下的大小一致。

如果以上方法无法解决问题，建议提供更多详细信息，例如代码片段或相关配置，以便更好地帮助你解决问题。

相关问题

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()` 方法来实现。