2020-05-29 00:33:49 +08:00
|
|
|
@namespace AntDesign
|
2020-04-23 17:13:56 +08:00
|
|
|
@inherits AntDomComponentBase
|
|
|
|
|
2021-01-21 17:20:10 +08:00
|
|
|
<CascadingValue Value="this" IsFixed="@true">
|
|
|
|
<div class="@ClassMapper.Class" style="@Style" id="@Id" @ref="Ref">
|
2020-09-20 10:43:40 +08:00
|
|
|
@if (TitleTemplate != null || Title != null || Extra != null || CardTabs != null)
|
2019-12-17 14:39:23 +08:00
|
|
|
{
|
|
|
|
<div class="ant-card-head">
|
2020-09-20 10:43:40 +08:00
|
|
|
|
2019-12-17 14:39:23 +08:00
|
|
|
<div class="ant-card-head-wrapper">
|
2020-09-16 13:58:16 +08:00
|
|
|
@if (TitleTemplate != null || Title != null)
|
2019-12-17 14:39:23 +08:00
|
|
|
{
|
|
|
|
<div class="ant-card-head-title">
|
2020-09-20 10:43:40 +08:00
|
|
|
@if (TitleTemplate != null)
|
|
|
|
{
|
|
|
|
@TitleTemplate
|
|
|
|
}
|
|
|
|
else
|
|
|
|
{
|
|
|
|
@Title
|
|
|
|
}
|
2019-12-17 14:39:23 +08:00
|
|
|
</div>
|
2020-09-20 10:43:40 +08:00
|
|
|
@if (Extra != null)
|
|
|
|
{
|
|
|
|
<div class="ant-card-extra">
|
|
|
|
@Extra
|
|
|
|
</div>
|
|
|
|
}
|
2019-12-17 14:39:23 +08:00
|
|
|
}
|
|
|
|
</div>
|
2020-09-20 10:43:40 +08:00
|
|
|
|
|
|
|
@if (CardTabs != null)
|
2019-12-17 14:39:23 +08:00
|
|
|
{
|
2020-09-20 10:43:40 +08:00
|
|
|
@CardTabs
|
2019-12-17 14:39:23 +08:00
|
|
|
}
|
|
|
|
</div>
|
|
|
|
}
|
|
|
|
|
|
|
|
@if (Cover != null)
|
|
|
|
{
|
|
|
|
<div class="ant-card-cover">
|
|
|
|
@Cover
|
|
|
|
</div>
|
|
|
|
}
|
|
|
|
|
2020-09-20 10:43:40 +08:00
|
|
|
@if (Body != null || ChildContent != null)
|
|
|
|
{
|
|
|
|
<div class="ant-card-body" style="@BodyStyle">
|
|
|
|
@if (!Loading)
|
|
|
|
{
|
|
|
|
@Body
|
|
|
|
@ChildContent
|
|
|
|
}
|
|
|
|
else
|
|
|
|
{
|
|
|
|
<CardLoading></CardLoading>
|
|
|
|
}
|
|
|
|
</div>
|
|
|
|
}
|
2019-12-17 14:39:23 +08:00
|
|
|
@if (Actions.Count > 0)
|
|
|
|
{
|
|
|
|
<ul class="ant-card-actions">
|
|
|
|
@foreach (var action in Actions)
|
|
|
|
{
|
|
|
|
<li style="@($"width:{100 / Actions.Count}%") ">
|
|
|
|
<span>@action</span>
|
|
|
|
</li>
|
|
|
|
}
|
|
|
|
</ul>
|
|
|
|
}
|
|
|
|
</div>
|
2020-04-23 17:13:56 +08:00
|
|
|
</CascadingValue>
|