Ionic 离子6中的堆叠模态,无背景

omqzjyyz  于 2023-03-06  发布在  Ionic
关注(0)|答案(1)|浏览(178)

我试着给我的堆叠模态(离子6)添加一个比第一次打开的尺寸小的背景,如下所示:https://ionicframework.com/docs/api/modal
写上这个

ion-modal.stack-modal { 
 --box-shadow: 0 28px 48px rgba(0, 0, 0, 0.4); 
 --backdrop-opacity: var(--ion-backdrop-opacity, 0.32);
}

在我的全球. scss中。
现在我打开我的模态:

const modal = await this.modalCtrl.create({
      component: StackedModalPage,
      cssClass: 'stack-modal',
      componentProps: {

但这对我不起作用,较小的模态打开没有任何背景。

jaxagkaj

jaxagkaj1#

如此处所示https://forum.ionicframework.com/t/backdrop-for-stack-modal/222468
尝试使用!important

ion-modal.stack-modal { 
 --box-shadow: 0 28px 48px rgba(0, 0, 0, 0.4) !important; 
 --backdrop-opacity: var(--ion-backdrop-opacity, 0.32) !important;
}

您是否碰巧是引用论坛上的"basti"用户?

相关问题