uniapp做全局的loading动画

可以使用uni-app自带的全局loading组件，或者自定义loading组件并在App.vue中引入并注册为全局组件，然后在需要显示loading的地方调用该组件即可。具体实现可以参考uni-app官方文档。

相关问题

uniapp怎么使用全局Loading Page

在uniapp中，可以使用uni-app官方提供的全局Loading组件来实现全局的加载页。具体步骤如下：

1. 在App.vue文件中，添加全局Loading组件，代码如下：

<template>
  <div>
    <loading :show="showLoading"></loading>
    <router-view></router-view>
  </div>
</template>

<script>
import loading from '@/components/loading.vue'

export default {
  components: {
    loading
  },
  data() {
    return {
      showLoading: false
    }
  },
  mounted() {
    this.$refs.loading.show()
    setTimeout(() => {
      this.$refs.loading.hide()
    }, 3000)
  }
}
</script>

2. 在需要显示Loading的页面或组件中，通过触发App.vue中定义的showLoading属性来显示Loading。例如：

<template>
  <div>
    <button @click="showLoading = true">显示Loading</button>
    <button @click="showLoading = false">隐藏Loading</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      showLoading: false
    }
  }
}
</script>

在上面的示例中，通过点击按钮来触发showLoading属性，从而显示或隐藏全局Loading组件。

注意：全局Loading组件需要在App.vue中定义，并且需要通过子组件引用方式来使用。同时，在实际使用中，可以将全局Loading组件封装成一个混入（mixin），方便在多个组件中使用。

uniapp请求接口loading

在uniapp中，可以通过封装全局方法来实现请求接口时的loading效果。具体实现步骤如下：

1. 首先，在全局的util文件夹中创建一个request.js文件，用来封装请求方法。

2. 在request.js文件中，引入uniapp的请求库，并创建一个request函数用于发送请求。在该函数中，可以添加一个loading参数，用来指示是否需要显示loading图。

3. 在request函数中，可以使用uni.showLoading()方法来显示loading图，并在请求完成后使用uni.hideLoading()方法来隐藏loading图。可以根据loading参数的值来决定是否显示loading图。

4. 在页面中需要发送请求的地方，调用request函数，并传入对应的参数，包括url、method等。

通过以上步骤，可以实现uniapp请求接口时的loading效果。这样，在每次请求接口的时候，可以根据需要决定是否显示loading图。<span class="em">1</span><span class="em">2</span>