与 Badge 组件组合使用,会在图标右上角展示相应的徽标。
<Badge dot>
<ChatOutlined />
</Badge>
<Badge content="9">
<ChatOutlined />
</Badge>
<Badge content="99+">
<ChatOutlined />
</Badge>
通过 style
属性来设置图标的颜色。
<CartOutlined style={{ color: "#1989fa" }} />
<FireOutlined style={{ color: "#ee0a24" }} />
通过 size
属性来设置图标的尺寸大小,可以指定任意 CSS 单位。
<!-- 不指定单位,默认使用 px -->
<ChatOutlined size="40" />
<!-- 指定使用 rem 单位 -->
<ChatOutlined size="2rem" />