ant-design-blazor/components/list/AntListItem.razor
Setli 4036be867d feat: add list resposive (#258)
* feat: add list resposive

* Remove the comments

Co-authored-by: Setli <set_li@163.com>
2020-06-28 12:44:43 +08:00

59 lines
1.6 KiB
C#

@namespace AntDesign
@inherits AntDomComponentBase
@if (Grid == null)
{
<li class="@ClassMapper.Class" style="@Style" Id="@Id">
@itemChildren(this)
</li>
}
else
{
<AntDesign.Col Flex="1" Style="@ColStyle">
<div class="@ClassMapper.Class" style="@Style" Id="@Id">
@itemChildren(this)
</div>
</AntDesign.Col>
}
@code{
RenderFragment<AntListItem> itemChildren = content =>
@<Template>
@if (content.ItemLayout == AntDirectionVHType.Vertical && content.Extra != null)
{
<div class="@content.PrefixName-main">
@content.ChildContent
@content.actionsContent(content)
</div>
<div class="@content.PrefixName-extra">@content.Extra</div>
}
else
{
@content.ChildContent
@content.actionsContent(content)
@if (content.Extra != null)
{
@content.Extra
}
}
</Template>;
RenderFragment<AntListItem> actionsContent = content =>
@<Template>
@if (content.Actions != null && content.Actions.Count > 0)
{
<ul class="@content.PrefixName-action" key="actions">
@for (int i = 0; i < content.Actions.Count; i++)
{
<li key="@content.PrefixName-action-@i">
@content.Actions[i]
@if (i != (content.Actions.Count - 1))
{
<em class="@content.PrefixName-action-split" />
}
</li>
}
</ul>
}
</Template>;
}