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

Question

我在 ionic-3 中使用模态，目标设备是平板电脑。想在屏幕左侧显示模式，那么有什么方法可以更改 ionic-3 模式弹出窗口的位置和大小吗？

Answer 1

在创建 modal 时传递 cssClass。

 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;
}

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