uniapp自定义uni.showLoading的加载图标

你可以通过以下步骤来自定义 `uni.showLoading` 的加载图标：

1. 在 `static` 目录下创建一个自定义加载图标的图片文件，比如 `loading.gif`。
2. 在 `App.vue` 中添加以下代码：

<template>
  <div>
    <loading :show="showLoading" :text="loadingText" :custom-class="'my-loading'">
      <img slot="spinner" src="/static/loading.gif" />
    </loading>
  </div>
</template>

<script>
export default {
  data() {
    return {
      showLoading: false,
      loadingText: ''
    }
  },
  methods: {
    showLoading(text) {
      this.loadingText = text || '加载中...'
      this.showLoading = true
    },
    hideLoading() {
      this.showLoading = false
    }
  }
}
</script>

3. 在需要使用 `uni.showLoading` 的页面中，引入 `App.vue`，并使用 `this.$parent.showLoading()` 和 `this.$parent.hideLoading()` 方法来控制显示和隐藏自定义加载图标。

例如：

<template>
  <div>
    <button @click="showLoading">显示自定义加载图标</button>
    <button @click="hideLoading">隐藏自定义加载图标</button>
  </div>
</template>

<script>
import App from '@/App'

export default {
  methods: {
    showLoading() {
      App.methods.showLoading('自定义加载中...')
    },
    hideLoading() {
      App.methods.hideLoading()
    }
  }
}
</script>

这样就可以自定义 `uni.showLoading` 的加载图标了。