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()`方法并在页面中使用了。

相关问题

unapp自定义uni.showLoading样式

可以通过自定义uni.showLoading的CSS样式来改变其样式。具体步骤如下：

1. 在项目的static文件夹中新建一个css文件，比如loading.css。

2. 在该文件中定义自己想要的样式，比如：

.loading {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 10000;
}

.loading .spinner {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 3px solid #fff;
  border-top-color: #82b1ff;
  animation: spinner 0.6s linear infinite;
}

@keyframes spinner {
  to {
    transform: rotate(360deg);
  }
}

3. 在需要使用自定义样式的页面中引入该css文件：

<style>
  @import '../static/loading.css';
</style>

4. 在需要显示loading的地方调用uni.showLoading，并将其loadingClass属性设置为刚才定义的样式类名：

uni.showLoading({
  title: '加载中',
  mask: true,
  loadingClass: 'loading'
});

这样就可以实现自定义uni.showLoading的样式了。

uniapp自定义uni.showLoading

可以通过在 `uni.showLoading` 方法之前定义一个自定义的 `showLoading` 方法来实现自定义的加载提示。

举个例子，可以在 `App.vue` 文件中定义一个 `showLoading` 方法，然后在需要显示加载提示的地方调用该方法，如下所示：

// App.vue
export default {
  methods: {
    // 自定义 showLoading 方法
    showLoading(title = '加载中') {
      uni.showLoading({
        title,
        mask: true
      })
    }
  }
}

然后在需要显示加载提示的页面或组件中，直接调用 `showLoading` 方法即可：

// somePage.vue
export default {
  methods: {
    loadData() {
      // 显示加载提示
      this.$parent.$options.methods.showLoading()
      
      // 发起网络请求
      uni.request({
        url: 'https://example.com',
        success: res => {
          // 隐藏加载提示
          uni.hideLoading()
          // 处理请求结果
          console.log(res.data)
        },
        fail: err => {
          // 隐藏加载提示
          uni.hideLoading()
          // 处理请求错误
          console.log(err)
        }
      })
    }
  }
}

这样就可以在需要的地方调用自定义的 `showLoading` 方法来显示加载提示了。需要注意的是，为了保证加载提示可以正常显示和隐藏，需要在网络请求完成后调用 `uni.hideLoading` 方法来隐藏加载提示。