<div className={'ant-card'+(bordered===false?"":" ant-card-bordered")}>
    {title && <div class="ant-card-head">
        <div class="ant-card-head-wrapper">
            <div class="ant-card-head-title">{title}</div>
            {extra && <div class="ant-card-extra">
                <antd-slot content="{{extra}}" context="self.$parent"></antd-slot>
            </div>}
        </div>
    </div>}
    <div class="ant-card-body">{children}</div>
</div>