mirror of
https://gitee.com/ant-design-blazor/ant-design-blazor.git
synced 2024-12-16 01:41:14 +08:00
24bbc9b1db
* feat: add skeleton
35 lines
939 B
C#
35 lines
939 B
C#
@namespace AntDesign
|
|
@inherits AntDomComponentBase
|
|
|
|
<div class="@ClassMapper.Class" style="@Style" id="@Id">
|
|
|
|
@if (Loading)
|
|
{
|
|
if (Avatar)
|
|
{
|
|
<div class="ant-skeleton-header">
|
|
<SkeletonElement Type="@SkeletonElementType.Avatar" Size="@AvatarSize" Shape="@AvatarShape"></SkeletonElement>
|
|
</div>
|
|
}
|
|
<div class="ant-skeleton-content">
|
|
@if (Title)
|
|
{
|
|
<h3 class="ant-skeleton-title" style="width:@ToCSSUnit(TitleWidth)"></h3>
|
|
}
|
|
@if (Paragraph)
|
|
{
|
|
<ul class="ant-skeleton-paragraph">
|
|
@foreach (var row in this._paragraphRowsList)
|
|
{
|
|
<li style="width:@ToCSSUnit(row)"></li>
|
|
}
|
|
</ul>
|
|
}
|
|
</div>
|
|
}
|
|
@if (!Loading)
|
|
{
|
|
@ChildContent
|
|
}
|
|
|
|
</div> |