离子3 - 我想要一个不是全尺寸的模态屏幕

Question

我需要一个没有完整尺寸(80%宽度,<60%高度,居中)的模态页面来选择一些项目,如警报控件.如何为这种情况实现CSS？

Answer 1

使用初始化模态 cssClass

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

然后将CSS添加到该类中 app.scss

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

根据您的设计更改数字.