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

Posted 2021-04-17

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

答案

用cssClass初始化模态

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

然后在app.scss中向类中添加CSS

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

根据您的设计更改数字。