首页 > 解决方案 > 如何将跨度放置在角度 4 中的 mat-icon 上并在 Click 上下拉

问题描述

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

在下面的演示中,

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

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

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

标签: cssangular

解决方案


您可以像这样使用徽章:

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

您需要导入MatBadgeModule才能使用它


推荐阅读