ant-design-blazor/components/rate/RateItem.razor
Henry.zhang f9b615c2ca feat: add more demos (#197)
...for affix,back-top,breadcrumb,card,divider,typogragpy and timeline

Co-authored-by: ElderJames <shunjiey@hotmail.com>
2020-06-07 19:41:00 +08:00

43 lines
1.3 KiB
C#

@namespace AntDesign
@inherits AntDesign.AntDomComponentBase
@{
RenderFragment<RateItem> template = item =>
@<li class="@item._starClassMapper.Class">
<div role="radio" aria-checked="true" aria-posinset="@(item.IndexOfGroup + 1)" aria-setsize="5" tabindex="@item.IndexOfGroup">
<div class="ant-rate-star-first" @onclick="@(async e => await item.OnClick(true))" @onmouseover="@(async e => await item.OnHover(true))">
@if (@item.Character != null)
{
@item.Character.Invoke(new RateItemRenderContext());
}
else
{
<Icon Type="star" Theme="fill"></Icon>
}
</div>
<div class="ant-rate-star-second" @onclick="@(async e => await item.OnClick(false))" @onmouseover="@(async e => await item.OnHover(false))">
@if (@item.Character != null)
{
@item.Character.Invoke(new RateItemRenderContext());
}
else
{
<Icon Type="star" Theme="fill"></Icon>
}
</div>
</div>
</li>;
}
@if (string.IsNullOrWhiteSpace(Tooltip))
{
@template(this)
}
else
{
<Tooltip Title="@Tooltip">
@template(this)
</Tooltip>
}