app-myapp/app/tabs/tabs.page.scss

.custom-tab-bar {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  position: relative;
}

.custom-tab-button {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.placeholder-tab-button {
  opacity: 0;
  pointer-events: none;
}

.custom-fab {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-180%);
  z-index: 10;
}

ion-fab-list {
  position: absolute;
  bottom: 20px;
  z-index: 11;
}

ion-fab-button.rotate {
  transition: transform 0.01ms ease; /* 添加过渡效果 */
}

ion-fab-button.rotate.rotate180 {
  transform: rotate(45deg); /* 旋转180度 */
}