blazor有类似于webform皮肤的功能吗

Question

我在blazor应用程序中到处使用组件。我以相同的方式在标记中设置每个实例的属性。blazor是否有一种处理皮肤的方法，有点像webforms的方法？所以我可以为特定组件创建默认皮肤，也可以引用特定组件？

Answer 1

这取决于您正在使用的组件库。例如，对于Havit.Blazor，可以使用每个组件的Settings参数，并为该组件分配一组预先配置的参数。你的代码可能看起来像这样：

<HxButton Settings="AppButtonSettings.MainButton" Text="Open" />
<HxButton Settings="AppButtonSettings.SecondaryButton" Text="Fullscreen" />
<HxButton Settings="AppButtonSettings.CloseButton" />

带有设置的支持代码：

public class AppButtonSettings
{
public static ButtonSettings MainButton { get; } = new()
{
Color = ThemeColor.Primary,
Icon = BootstrapIcon.Fullscreen
};
public static ButtonSettings SecondaryButton { get; } = new()
{
Color = ThemeColor.Secondary,
Outline = true
};
public static ButtonSettings CloseButton { get; } = new()
{
Color = ThemeColor.Danger,
Outline = true,
Icon = BootstrapIcon.XLg
};
}

有关更多详细信息，请参阅https://havit.blazor.eu/concepts/defaults-and-settings