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: '请稍候...'
})

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

相关问题

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` 的加载图标了。

uniapp的uni.showLoading不显示文字

你好！关于uni-app中的uni.showLoading方法不显示文字的问题，可以尝试以下解决方法：

1. 确保showLoading方法中的title参数不为空，例如：uni.showLoading({ title: '加载中' })。

2. 检查uni.showToast方法的默认样式是否覆盖了showLoading的文字样式。如果是，请调整uni.showToast的默认样式或者使用自定义样式。

3. 检查uni-app的版本是否较旧。如果是，请尝试更新uni-app到最新版本，以确保问题得到修复。

4. 如果以上方法都无效，可以尝试使用其他方式实现加载动画和文字的效果，例如使用自定义组件或者第三方插件。

希望以上解决方法能对你有帮助！如有更多问题，请继续提问。