如何更改通知程序 angular 的样式并在其中添加图标
how to change style of notifier angular and add an icon in it
我在 angular 7 项目中使用 angular-notifier 包。我在 router-outlet 之前的 app.component.html 中添加了它的选择器。
我在导入的 app.module.ts 中添加了它的配置。
我无法更改其中的某些样式。例如添加一个图标,或将 \n 更改为下一行等
尝试使用 mdbootsatap 包
<div class="toast" role="alert" aria-live="assertive" aria-atomic="true">
<div class="toast-header">
<svg class=" rounded mr-2" width="20" height="20" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid slice"
focusable="false" role="img">
<rect fill="#007aff" width="100%" height="100%" /></svg>
<strong class="mr-auto">Bootstrap</strong>
<small class="text-muted">11 mins ago</small>
<button type="button" class="ml-2 mb-1 close" data-dismiss="toast" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="toast-body">
Hello, world! This is a toast message.
</div>
</div>
我在 angular 7 项目中使用 angular-notifier 包。我在 router-outlet 之前的 app.component.html 中添加了它的选择器。 我在导入的 app.module.ts 中添加了它的配置。 我无法更改其中的某些样式。例如添加一个图标,或将 \n 更改为下一行等
尝试使用 mdbootsatap 包
<div class="toast" role="alert" aria-live="assertive" aria-atomic="true">
<div class="toast-header">
<svg class=" rounded mr-2" width="20" height="20" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid slice"
focusable="false" role="img">
<rect fill="#007aff" width="100%" height="100%" /></svg>
<strong class="mr-auto">Bootstrap</strong>
<small class="text-muted">11 mins ago</small>
<button type="button" class="ml-2 mb-1 close" data-dismiss="toast" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="toast-body">
Hello, world! This is a toast message.
</div>
</div>