Изменение длительности по умолчанию Ioni c Модальная анимация

Question

У меня есть страница с основанием c Иони c Модал внутри. Все работает нормально, но я хочу, чтобы он вставлялся / выходил медленнее, чем по умолчанию. Возможно ли это сделать без создания пользовательских анимаций и т. Д .; каким-то более простым способом? Нет необходимости изменять какие-либо другие параметры, просто требуется самый простой способ редактирования существующих.

Единственное отличие от модального по умолчанию - это класс CSS, который я применил к нему:

TS

async openModal() {
  const modal = await this.modalController.create({
    component: PlanBreakdownPage,
    cssClass: 'breakdown-modal-css'
  });
  return await modal.present();
}

CSS

.breakdown-modal-css .modal-wrapper {
  height: 95%;
  top: 5%;
  position: absolute;
  display: block;
}

Answer 1

Первое: почему вы хотели бы это изменить? Команда Ioni c создает все вещи в соответствии с родным внешним видом.

Если вы действительно хотите изменить его, вам стоит взглянуть на оригинальные анимации. Вы можете увидеть их здесь: https://github.com/ionic-team/ionic/tree/master/core/src/components/modal/animations

Вы можете скопировать их и создать свою собственную анимацию с пользовательской продолжительностью. Чем вы можете использовать их при создании модала в ModalController .