ant-design-blazor/components/comment/Comment.razor
Zhuangkh 225358982e feat: add comment component (#80)
* feat:add AntComment

* refactor(comment): change namespcae to AntDesign

* docs: fix comment de
2020-06-30 15:25:21 +08:00

75 lines
2.6 KiB
C#

@namespace AntDesign
@inherits AntDomComponentBase
<CascadingValue Value="this">
<div class="@ClassMapper.Class" style="@Style" id="@Id">
<div class="ant-comment-inner">
@if (Avatar.Value != null && Content.Value != null)
{
<div class="ant-comment-avatar">
@if (Avatar.IsT0)
{
<Avatar Src="@Avatar.AsT0" />
}
else
{
@Avatar.AsT1
}
</div>
<div class="ant-comment-content">
<div class="ant-comment-content-author">
@if (Author.Value != null)
{
<span class="ant-comment-content-author-name">
@if (Author.IsT0)
{
<a>@Author.AsT0</a>
}
else
{
@Author.AsT1
}
</span>
}
@if (Datetime.Value != null)
{
<span class="ant-comment-content-author-time">
@if (Datetime.IsT0)
{
<span>@Datetime.AsT0</span>
}
else
{
@Datetime.AsT1
}
</span>
}
</div>
<div class="ant-comment-content-detail">
@if (Content.IsT0)
{
<p>@Content.AsT0</p>
}
else
{
@Content.AsT1
}
</div>
@if (Actions.Count > 0)
{
<ul class="ant-comment-actions">
@foreach (RenderFragment action in Actions)
{
<li>@action</li>
}
</ul>
}
</div>
}
</div>
<div class="ant-comment-nested">
@ChildContent
</div>
</div>
</CascadingValue>