angular - Angular 2 - Toastr 自定义位置

Question

我正在使用toastr-ng2，我希望 toast 的位置位于我的网页标题下（例如style="margin-top: 30px"）。
我似乎找不到此选项的设置。这可能吗？

Answer 1

我找到了一个简单的方法来做到这一点。通过在显示 toastr 时检查页面元素，您可以获得使用的 css。然后修改代码并将其添加到可以覆盖默认 toastr 设置的 styles.css 文件中。

例如

#toast-container.toast-top-center .toast,
#toast-container.toast-bottom-center .toast {
    margin-top: 50px;
}