是否可以设置离子模态的绝对位置？

Question

我正在使用离子modalPopup

但是我希望在materialise.css中使用这样的buttom显示模态全宽（检查模态按钮表样式）。

我怎么能用离子？ 有一个discussion here，但它仍然是关于居中而不是绝对的，所以这不起作用

 .modal-center {
  position : absolute;
  bottom: 0px;
  min-height: 0;
}

如果您对此codePen

进行修改，那就太棒了

Answer 1

比你想象的容易。添加此css：

@media (min-width: 680px){
  ion-modal-view.modal {
    top: 50%;
    right: 0% !important;
    bottom: 0% !important;
    left: 0% !important;
    min-height: 240px !important;
    width: 100% !important;
  }
}