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
相关产品推荐
相关产品推荐

