share_activity/components/loading/index.wxss

/* components/loading/index.wxss */
.loading {
    width: 228rpx;
    height: 220rpx;
    position: fixed;
    left: calc(100vw / 2 - 228rpx / 2);
    top: calc(100vh / 2 - 220rpx / 2);
    z-index: 20000;
}

.loading-image {
    width: 100%;
    height: 100%;
}

.aniamtion {
    animation: mymove 2s infinite;
    animation-direction: alternate;
    animation-timing-function: ease-in;
    /* //infinite属性是表示无限循环的意思，没有这个属性的话动画只执行一次。 */
  }

  @keyframes mymove {
      0% {
          transform: scale(1);
      }
      25% {
          transform: scale(0.7);
      }
      50% {
          transform: scale(0.5);
      }
      75% {
          transform: scale(0.7);
      }
      100% {
          transform: scale(1);
      }
  }