如何在ionic3中更改模态的位置？

Question

我在离子-3中使用模态，目标设备是平板电脑。 想要在屏幕的左侧显示模态，那么有没有办法改变ionic-3模态弹出窗口的位置和大小？

Answer 1

在创建cssClass时传递modal。

 let modal = this.modalCtrl.create(ModalPage, {data: data}, {cssClass: 'custom-modal' });

将CSS应用于app.scss

中的班级

.select-modal {
   background: rgba(0, 0, 0, 0.5) !important;
   padding: 20% 10%  !important;
}

根据您的要求，调整填充。