Angular 2 - Toastr 自定义位置

Question

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

Answer 1

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

例如

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