myapp/game-content.component.scss

ion-item {
  font-size: 24px;
  transition: transform 0.3s;

  ion-label {
    font-size: 30px;
  }

  &.go {
    background-color: #FFD700; /* 金色 */
  }

  &.chess {
    background-color: #FF69B4; /* 粉色 */
  }

  &.junqi {
    background-color: #87CEEB; /* 天蓝色 */
  }

  &.more {
    background-color: #32CD32; /* 青绿色 */
  }

  &:hover {
    transform: scale(1.1);
  }
}

.circles {
  display: flex;
  justify-content: center;
  margin-top: 20px;
  
  .circle {
    width: 20px;
    height: 20px;
    background-color: #000;
    border-radius: 50%;
    margin: 0 10px;
    animation: pulse 2s infinite;
  }

  .circle:nth-child(2) {
    animation-delay: 0.4s;
  }

  .circle:nth-child(3) {
    animation-delay: 0.8s;
  }
}

@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.5);
  }
  100% {
    transform: scale(1);
  }
}