You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Material Blazorise是否默认支持.figure-is-16x16类及替代方案咨询

关于Material Blazorise中.figure-is-*类的支持问题

Material Blazorise默认不支持.figure-is-16x16、.figure-is-32x32、.figure-is-48x48这类Blazorise核心自带的尺寸类,这是因为它的样式体系完全遵循Material Design规范,和Blazorise原生样式存在差异。

如果不想手动添加自定义类,有两种现成的替代方案:

  • 使用内置工具类:直接给元素添加is-small、is-medium、is-large类,分别对应16px、32px、48px左右的等宽高尺寸,适配Material设计的样式标准。
  • 组件参数配置:如果是使用Material Blazorise的图标、头像这类组件,可以直接通过组件的Size参数设置,比如图标组件写<Icon Size="IconSize.Small" />,框架会自动应用对应的尺寸样式,不需要额外加CSS类。

附Blazorise核心中的对应类代码:

.figure-is-16x16 {
    width: 16px;
    height: 16px;
}

.figure-is-32x32 {
    width: 32px;
    height: 32px;
}

.figure-is-48x48 {
    width: 48px;
    height: 48px;
}

内容的提问来源于stack exchange,提问作者Noman Akram

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.12 00:26:05