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的样式了。