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度 */
}

/* 添加表单对话框的样式 */
ion-modal {
  --width: 90%;
  --height: 50%;
  --border-radius: 10px;
  --box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
  --background: #ed5f5f;
}

ion-item {
  margin-bottom: 10px;
}