gt_client_pad/src/pages/Smart/components/CircleScore.less

.circleScore {
  width: 1.74rem;
  height: 1.74rem;
  position: relative;
}
.big {
  width: 1.94rem;
  height: 1.94rem;
  .circle {
    mask: radial-gradient(transparent, transparent 0.78rem, #000 0.78rem);
  }
}

.circle {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  animation: rotation 4s linear infinite;
  background: linear-gradient(60deg, #36a5ed 0%, #6eee96 100%);
  mask: radial-gradient(transparent, transparent 0.75rem, #000 0.77rem);
}

.text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 0.44rem;
  font-weight: bold;
  // color: #fff;
  text-align: center;
}

@keyframes rotation {
  from {
    transform: rotate(0deg); /* 起始旋转角度 */
  }
  to {
    transform: rotate(360deg); /* 结束旋转角度 */
  }
}