@namespace antblazorpro.Pages.Account.Center

<AntList TItem="ListItemDataType"
         Class="filterCardList"
         Grid="_listGridType"
         DataSource="List">
    <ListItem NoFlex>
        <Card Bordered
              Hoverable
              BodyStyle="padding-bottom: 20px;"
              Actions="Actions">
            <CardMeta>
                <AvatarTemplate>
                    <Avatar Size="small" Src="@context.Avatar" />
                </AvatarTemplate>
                <TitleTemplate>@context.Title</TitleTemplate>
            </CardMeta>
            <div class="cardItemContent">
                <div class="cardInfo">
                    <div>
                        <p>Active User</p>
                        <p>@FormatWan(context.ActiveUser)</p>
                    </div>
                    <div>
                        <p>New Users</p>
                        <p>@context.NewUser.ToString("0,0")</p>
                    </div>
                </div>
            </div>
        </Card>
    </ListItem>
</AntList>

@code
{

    private static readonly RenderFragment Download =@<AntDesign.Tooltip Title="@("下载")">
    <Icon Type="download" Theme="outline" />
</AntDesign.Tooltip>;

private static readonly IList<RenderFragment> Actions = new List<RenderFragment>
{
        Download,
@<AntDesign.Tooltip Title="@("Edit")"><Icon Type="edit" Theme="outline" /></AntDesign.Tooltip>,
@<AntDesign.Tooltip Title="@("Share")"><Icon Type="share-alt" Theme="outline" /></AntDesign.Tooltip>,
@<Dropdown><Icon Type="ellipsis" Theme="outline" /></Dropdown>
    };

        private static RenderFragment FormatWan(int val) {
            if (val > 10000) {
                val = (int) Math.Floor((double) val / 10000);
            }

            return @<span>
            @val
            <span style="position: relative; top: -2px; font-size: 14px; font-style: normal; margin-left: 2px;">万</span>
        </span>;
 }
}