.cc-list-item
.cc-list-item-top(:style="{background: `left 0%/100% 100% no-repeat url(${transformSpace(cardData.path)})`}")
.cc-list-item-bottom
div.cc-list-item-bottom-title-div
a-tooltip.cc-list-item-bottom-title(name="title",:title="cardData.title") {{ cardData.title }}
div(slot="types")
.cc-list-item-bottom-type-tag.cc-gray-text.dib.mr8(v-for="type in cardData.types",:key="type") {{type}}
slot(name="status")
div.cc-list-item-bottom-status
span.dib.cc-dot.mr8(v-if="!cover",:class="[cardData.publish ? 'cc-publish':'']") {{cardData.publish ? '已发布':'未发布'}}
span.dib.cc-gray-text 创建者：{{cardData.creator}}
div(style="float:right").rel.dib
slot(name="option",v-if="!cover")
EllipsisOutlined.dib(type="ellipsis",@click="handleOptionClick")
.cc-list-item-cover(v-if="cover")
slot(name="cover")
a-button(@click="handleDistributeClick") 分配实训