html - 弹出框、模态组件或页面的 Ionic 4 自定义样式

Question

我的应用程序在 Ionic 4 中，但我不明白如何自定义组件。我想在右上角显示对齐位置。

我已经在 global.css 文件和 component.css 文件中尝试过，但没有成功。

async getNotifications() {
    const popover = await this.popoverController.create({
      component: NotificationComponent,
      // event: ev,
      cssClass: 'notificationCSS',
      translucent: true
    });
    return await popover.present();
  }

在 notificationCSS 中:

 .notificationCSS{
      top: 0px !important;
      right: 0px !important;
  }

Ref. Url

Answer 1

我在 ionic 中遇到了类似的问题，用于动态(在 Angular 世界中可能不完全正确)呈现 html 元素。我的组件 css 文件没有选择我定位的类。然而 global.css 做到了。我会尝试再次将您的 css 放在全局中。