如何在 UniApp 中启用 TabBar 动画？

在UniApp中启用TabBar动画，你可以通过设置`page`组件的`animation`属性来实现。首先，在每个需要添加TabBar的页面的`<template>`标签内，为对应的`navigator`元素配置`animation`属性，例如：

<navigator v-model="currentIndex" animation="pop">
  <tabbar position="bottom">
    <!-- TabBar选项 -->
  </tabbar>
</navigator>

在这个例子中，`animation="pop"`指定了从底部弹出的效果。`currentIndex`可以绑定到数据上，以便管理当前选中的Tab。

另外，如果你想要自定义动画效果，还可以通过`uni-animation`库来创建并应用动画。例如：

<style lang="less">
@import '@uniapp/assets/css/page/style.less';

.tab-bar-animation(@effect) {
  animation-name: @effect;
  animation-duration: 0.3s;
}
</style>

<navigator v-model="currentIndex" :animation="{ appear: '.tab-bar-animation(animation-enter)', disappear: '.tab-bar-animation(animation-disappear)' }">
  <tabbar position="bottom" class="custom-tabbar">
    <!-- TabBar选项 -->
  </tabbar>
</navigator>

这里定义了两个动画：`animation-enter`用于新Tab栏项进入，`animation-disappear`用于旧Tab栏项消失。