mirror of
https://gitee.com/ant-design-blazor/ant-design-blazor.git
synced 2024-12-14 17:01:18 +08:00
f9b615c2ca
...for affix,back-top,breadcrumb,card,divider,typogragpy and timeline Co-authored-by: ElderJames <shunjiey@hotmail.com>
67 lines
2.3 KiB
C#
67 lines
2.3 KiB
C#
@namespace AntDesign
|
|
@inherits AntDomComponentBase
|
|
|
|
|
|
<div class="@ClassMapper.Class" style="@Style"id="@Id">
|
|
<div class="ant-steps-item-container" @onclick="@OnClick" tabindex="@GetTabIndex()" @attributes="@_containerAttributes">
|
|
@if (!Last)
|
|
{
|
|
<div class="ant-steps-item-tail"></div>
|
|
}
|
|
<div class="ant-steps-item-icon">
|
|
@if (!ShowProcessDot)
|
|
{
|
|
<span class="ant-steps-icon">
|
|
@if (string.IsNullOrEmpty(Icon))
|
|
{
|
|
if (Status == "finish")
|
|
{
|
|
<Icon type="check"></Icon>
|
|
}
|
|
else if (Status == "error")
|
|
{
|
|
<Icon type="close"></Icon>
|
|
}
|
|
else if (Status == "process" || Status == "wait")
|
|
{
|
|
@(Index+1)
|
|
}
|
|
}
|
|
else
|
|
{
|
|
if (Status == "error")
|
|
{
|
|
<Icon type="close"></Icon>
|
|
}
|
|
else
|
|
{
|
|
<Icon type="@Icon"></Icon>
|
|
}
|
|
|
|
}
|
|
</span>
|
|
|
|
}
|
|
else
|
|
{
|
|
<span class="ant-steps-icon">
|
|
<span class="ant-steps-icon-dot"></span>
|
|
</span>
|
|
}
|
|
</div>
|
|
<div class="ant-steps-item-content">
|
|
<div class="ant-steps-item-title">
|
|
@Title
|
|
@if (!string.IsNullOrEmpty(Subtitle))
|
|
{
|
|
<div class="ant-steps-item-subtitle">@Subtitle</div>
|
|
}
|
|
</div>
|
|
@if (!string.IsNullOrEmpty(Description))
|
|
{
|
|
<div class="ant-steps-item-description">@Description</div>
|
|
}
|
|
</div>
|
|
</div>
|
|
</div>
|