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

你可以在 `App.vue` 中的 `onLaunch` 方法中调用 `uni.setLoadingOptions` 方法来自定义 `uni.showLoading` 的加载图标。以下是一个示例：

<template>
  <div>
    <!-- 页面内容 -->
  </div>
</template>

<script>
export default {
  onLaunch() {
    // 设置加载图标
    uni.setLoadingOptions({
      mask: true,
      text: '加载中...',
      customLoading: '<img src="/static/loading.gif"/>',
    });
  },
};
</script>

在上面的示例中，我们将 `customLoading` 属性设置为一个自定义的加载图标，它是一个指向 `loading.gif` 文件的 `<img>` 标签。你可以将 `customLoading` 设置为任何 HTML 元素或字符串，以满足你的需求。

相关问题

uniapp自定义uni.showLoading

要自定义 `uni.showLoading` 方法，您可以在全局的 `uni.js` 文件中添加以下代码：

uni.showLoadingCustom = function (options = {}) {
  const defaultOptions = {
    title: '加载中',
    mask: true
  }
  const opts = Object.assign({}, defaultOptions, options)
  uni.showLoading(opts)
}

然后，您可以在应用程序的任何地方调用 `uni.showLoadingCustom` 方法，就像调用 `uni.showLoading` 一样，例如：

uni.showLoadingCustom({
  title: '请稍候...'
})

这将显示带有自定义选项的加载中提示框。您还可以根据需要自定义其他选项，例如加载中图标、文字颜色等。

unapp自定义uni.showLoading

如果你想在uni-app中自定义`uni.showLoading()`方法，可以按照以下步骤进行：

1. 在`utils`文件夹下创建一个`loading.js`文件；
2. 在`loading.js`文件中编写自定义的`showLoading`方法，例如：

export function showLoading(title) {
  uni.showLoading({
    title: title || '加载中',
    mask: true
  });
}

3. 在需要使用的页面中引入`loading.js`文件，并调用自定义的`showLoading`方法，例如：

import { showLoading } from '@/utils/loading.js';

showLoading('正在加载中...');

这样就可以自定义`uni.showLoading()`方法并在页面中使用了。