<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>