帮我写一个uniapp 自定义加载动画代码

好的，以下是一个uniapp自定义加载动画的示例代码，你可以参考：

在你的vue文件中，添加以下代码：

<template>
  <div class="loading-container" v-show="showLoading">
    <div class="loading-spinner"></div>
  </div>
</template>

然后在你的css文件中添加以下代码：

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

.loading-spinner {
  height: 40px;
  width: 40px;
  border-radius: 50%;
  border: 3px solid rgba(255, 255, 255, 0.3);
  border-top-color: #ffffff;
  animation: rotation 1s infinite linear;
  -webkit-animation: rotation 1s infinite linear;
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

@-webkit-keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
  }
}

最后在你的js文件中添加以下代码：

export default {
  data() {
    return {
      showLoading: false
    }
  },
  methods: {
    showLoading() {
      this.showLoading = true
    },
    hideLoading() {
      this.showLoading = false
    }
  }
}

当你调用`showLoading`方法时，loading动画就会显示出来，调用`hideLoading`方法时，loading动画就会隐藏。