Blazor骨架概述
的Blazor骨架是加载指示器。它与传统加载器的区别在于，它模仿页面布局，以与加载后将出现的实际内容相似的形状显示元素。
Skeleton组件是为Blazor的Telerik UI，一个具有100个本地组件的专业级UI库，用于构建现代和功能丰富的应用程序。想要试用它，请注册一个30天的免费试用。
创建Blazor骨架
- 使用
< TelerikSkeleton >标签。 - 设置
可见的参数。保龄球属性或表达式。 - 设置
宽度而且高度参数。 - 使用
ShapeType参数设置骨架的形状。
基本框架
@* Blazor Skeleton组件的Telerik UI及其基本设置。*@ @if (String.IsNullOrEmpty(Text)) {@Text } @code { string Text { get; set; } = string.Empty; bool isVisible { get; set; } protected override async Task OnInitializedAsync() { isVisible = true; await Task.Delay(2000); Text = "Button"; isVisible = false; } }外观
Blazor Skeleton的Telerik UI提供了各种选项来控制其视觉外观：
ShapeTypeAnimationType
骨架参数
下表列出了Skeleton组件的可用参数。
| 参数 | 类型及默认值 | 描述 |
|---|---|---|
类 |
字符串 |
对象呈现自定义CSS类< span class = " k-skeleton”>元素。 |
ShapeType |
SkeletonShapeType枚举（ 文本） |
设置形状． |
AnimationType |
SkeletonAnimationType枚举（ 脉冲） |
设置骷髅动画． |
宽度 |
字符串 |
设置Skeleton组件的宽度。每个形状都需要。 |
高度 |
字符串 |
设置Skeleton组件的高度。要求圆而且矩形形状。的文本形状计算它自己的高度，但您可以用高度参数。 |
可见 |
保龄球（ 真正的） |
控制骨架是否呈现在页面上。 |