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

Sure，这是一个uniapp自定义加载动画的示例代码：

1. 在项目中创建一个新的组件并命名为Loading.vue
2. 在Loading.vue的template里添加以下代码

<template>
  <div class="loading__wrapper" :style="{backgroundColor: bgc}">
    <div class="loading__box">
      <div class="loading__circle" 
           :style="{borderColor: borderColor, borderBottomColor: borderBottomColor}"></div>
      <div class="loading__text">{{text}}</div>
    </div>
  </div>
</template>

3. 在Loading.vue的script里添加以下代码

<script>
export default {
  props: {
    text: {
      type: String,
      default: 'Loading...'
    },
    bgc: {
      type: String,
      default: 'transparent'
    },
    borderColor: {
      type: String,
      default: '#fff'
    },
    borderBottomColor: {
      type: String,
      default: '#07c160'
    }
  }
}
</script>

4. 在Loading.vue的style里添加以下代码

<style scoped>
.loading__wrapper {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.loading__box {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.loading__circle {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 2px solid #fff;
  border-bottom-color: #07c160;
  animation: loading_circle 1s linear infinite;
}

.loading__text {
  font-size: 16px;
  margin-top: 10px;
  color: #fff;
}

@keyframes loading_circle {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
</style>

5. 在需要使用的页面中引入Loading组件并进行调用

<template>
  <div>
    <!-- 此处省略其他组件 -->
    <Loading />
  </div>
</template>

<script>
import Loading from '@/components/Loading.vue'

export default {
  components: {
    Loading
  }
  // 此处省略其他代码
}
</script>

以上是一个简单的自定义加载动画示例，你可以根据实际情况进行修改。希望能帮到你。