antd-mobile-taro-ui/es/components/dot-loading/dot-loading.css

以antd-mobile为设计标准，基于taro框架的微信小程序组件库

.adm-dot-loading {
  display: inline-block;
}
.adm-dot-loading .wrapper {
  display: flex;
  align-items: center;
}
.adm-dot-loading .wrapper .dot {
  display: block;
  width: 3px;
  height: 3px;
  border-radius: 100%;
  animation: beat 1.5s ease;
  animation-iteration-count: infinite;
}
.adm-dot-loading .wrapper .dot.a {
  animation-delay: 0s;
}
.adm-dot-loading .wrapper .dot.b {
  margin: 0 6px;
  animation-delay: 0.15s;
}
.adm-dot-loading .wrapper .dot.c {
  animation-delay: 0.3s;
}
@keyframes beat {
  0% {
    transform: translateY(0);
  }
  20% {
    transform: translateY(-3px);
  }
  40% {
    transform: translateY(3px);
  }
  60% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(0);
  }
}