组件/选择器
你可以通过设置以下属性来控制颜色选择器的外观:
选项，可以增加或减少颜色选择器的大小大小属性的成员Telerik.Blazor.ThemeConstants.ColorPicker.Size类:
| 类成员 |
手动声明 |
小 |
sm |
媒介 |
医学博士 |
大 |
lg |
@{var fields = typeof(telerik . blazor . themconstants . colorpicker . size) . getfields (System.Reflection.BindingFlags. size)。Public | System.Reflection.BindingFlags.Static | system . reflection . bindingflags . flathierarchy) . where (field => field。IsLiteral && !field.IsInitOnly).ToList();foreach (var字段中的字段){字符串大小= field. getvalue (null).ToString();< div风格= "浮动:左;保证金:20 px;>
}} @code {string Color {get;设置;} = "rgb(40,47,137)";}
的圆形的属性应用这个特性CSS规则的颜色选择器，以实现曲线的边缘。您可以将其设置为Telerik.Blazor.ThemeConstants.ColorPicker.Rounded类:
| 类成员 |
手动声明 |
小 |
sm |
媒介 |
医学博士 |
大 |
lg |
完整的 |
完整的 |
@*舍入属性的内置值。*@ @{var fields = typeof(telerik . blazor . themconstants . colorpicker . round) . getfields (System.Reflection.BindingFlags.)Public | System.Reflection.BindingFlags.Static | system . reflection . bindingflags . flathierarchy) . where (field => field。IsLiteral && !field.IsInitOnly).ToList();foreach (var字段中的字段){字符串舍入= field. getvalue (null).ToString();< div风格= "浮动:左;保证金:20 px;>
}} @code {string Color {get;设置;} = "rgb(40,47,137)";}
的FillMode控制TelerikColorPicker的填充方式。您可以将其设置为Telerik.Blazor.ThemeConstants.ColorPicker.FillMode类:
| 类成员 |
结果 |
固体
默认值 |
固体 |
平 |
平 |
大纲 |
大纲 |
@*这些都是内置的填充模式*@ @{var字段= typeof(Telerik.Blazor.ThemeConstants.ColorPicker.FillMode) . getfields (System.Reflection.BindingFlags.)Public | System.Reflection.BindingFlags.Static | system . reflection . bindingflags . flathierarchy) . where (field => field。IsLiteral && !field.IsInitOnly).ToList();foreach (var字段中的字段){字符串fillMode = field. getvalue (null).ToString();< div风格= "浮动:左;保证金:20 px;>
ThemeBuilder是一个web应用程序，使您能够创建新的主题和自定义现有的。你所做的每一个改变几乎都会立刻被可视化。一旦你完成了UI组件的样式，你就可以导出一个包含主题样式的ZIP文件，并在Blazor应用程序中使用它们。