uniapp进入页面加载中的动画

可以使用uni-app提供的页面生命周期函数中的onLoad和onReady来实现进入页面加载中的动画效果。在onLoad函数中可以设置一个loading标志位，当数据加载完成后将loading标志位设为false，然后在onReady函数中根据loading标志位的值来显示或隐藏loading动画。

具体实现可以参考以下代码：

<template>
  <view>
    <view v-if="loading" class="loading">
      <image src="/static/loading.gif"></image>
    </view>
    <view v-else>
      <!-- 页面内容 -->
    </view>
  </view>
</template>

<script>
  export default {
    data() {
      return {
        loading: true // 初始值为true，表示页面加载中
      }
    },
    onLoad() {
      // 数据加载完成后将loading标志位设为false
      setTimeout(() => {
        this.loading = false;
      }, 2000);
    },
    onReady() {
      // 根据loading标志位的值来显示或隐藏loading动画
      if (this.loading) {
        uni.showLoading({
          title: '加载中'
        });
      } else {
        uni.hideLoading();
      }
    }
  }
</script>

<style>
  .loading {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.5);
  }
  .loading image {
    width: 30px;
    height: 30px;
  }
</style>

以上代码中，loading标志位的初始值为true，表示页面正在加载中。在onLoad函数中，通过setTimeout模拟数据加载的过程，2秒后将loading标志位设为false，表示数据加载完成。在onReady函数中，根据loading标志位的值来显示或隐藏loading动画，如果loading为true，则显示loading动画；否则隐藏loading动画。