像 Ionic 2 中的模态一样警报

Posted 2023-03-07

【中文标题】像 Ionic 2 中的模态一样警报

【英文标题】：Alert like Modal in Ionic 2

【发布时间】：2017-03-20 03:03:48

【问题描述】：

我希望我的警报中有很多功能，所以我在一个模态中实现了所有东西......现在我想将此模态切割为警报，例如不占用屏幕上的整个空间并在左侧空间上显示 bg我们的模态。 如下图所示

例如：你能告诉我如何在模态框之外实现，使它看起来像一个警报.. 在离子 2

请帮忙，谢谢

【参考方案1】：

你可以在 scss 的帮助下进行调整

.modal-wrapper 
    position: absolute;
    width: 90%;
    height: 65%; 
    top: 20%;
    left: 5%;
  

您可以根据需要更改内容的宽度、高度、顶部和左侧。请注意，修改此值将使您的应用程序中的所有模态都使用此配置而不是默认模态。

要以灰色显示背景，请使用以下代码

@media not all and (min-height: 600px) and (min-width: 768px) 
  ion-modal ion-backdrop 
    visibility: visible;