如何将span-span放在角度为4的mat-icon上,然后按下Click

时间:2018-06-15 10:52:13

标签: css angular

我认为这有一个简单的解决方案,但我不知道该做什么,因为我是CSS的初学者。谷歌搜索了很多次,但没有任何帮助我。

在以下演示中,

  

https://stackblitz.com/edit/angular-zrdqir

我有通知图标,其中包含应在图标上显示的一些通知,但我无法正确定位。该数字应显示在图标的右上角,但它会显示在图标下方。如何正确放置?

还有一个疑问, 如何在用户单击通知图标时显示这些通知?我应该使用列表项还是其他任何方式。请帮帮我们。

2 个答案:

答案 0 :(得分:0)

您可以像这样使用badges

<mat-icon matBadge="15" matBadgeColor="warn">home</mat-icon>

您需要导入MatBadgeModule才能使用此

答案 1 :(得分:0)

您忘记在styles.css中导入主题:

@import '~@angular/material/prebuilt-themes/deeppurple-amber.css';