uniapp实现v-if的展示收回过渡效果

要实现 uni-app 中的 v-if 展示和收回的过渡效果，可以使用 uni-app 自带的动画组件 `<transition>`，具体步骤如下：

1. 在需要添加过渡效果的标签外包裹一个 `<transition>` 标签，并设置 name 属性，例如：

<transition name="fade">
  <div v-if="show">要展示的内容</div>
</transition>

2. 在 style 中定义过渡的动画效果，例如：

.fade-enter-active, .fade-leave-active {
  transition: opacity 0.5s;
}
.fade-enter, .fade-leave-to {
  opacity: 0;
}

这里的 `.fade-enter-active` 和 `.fade-leave-active` 用来定义过渡的时间和类型，`.fade-enter` 和 `.fade-leave-to` 用来定义进入和离开时的初始和结束状态。

通过以上步骤，就可以实现 uni-app 中 v-if 的展示和收回过渡效果了。