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

本文介绍了离子3-我想要模态屏幕而不是全尺寸的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我需要一个没有全尺寸(80％宽度，<60％高度，居中)的模式页面来选择某些项目，例如警报控件.在这种情况下，如何实现CSS?

I need a modal page with no full size (80% width, <60% height, centered) to select some items, like an alert control.How to implement the CSS for this case?

推荐答案

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

根据您的设计更改编号.

Change the numbers according to your design.

这篇关于离子3-我想要模态屏幕而不是全尺寸的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！