<!--  -->
<template>
  <div>
    <el-card class="box-card" v-for="item in list" :key="item + 'a'">
        <div class="title omit">
          ChineseMedicalDialogueData中文医疗问答数据集
        </div>
        <div class="content omit_2">
          中文医疗对话数据集由792099个问答对组成，包括男科、内科、妇产科、肿瘤科、儿科和外科
        </div>

        <div class="tagBox">
          <el-tag class="tag" type="info" size="mini">文本对话非排序</el-tag>
        <el-tag class="tag" type="info" size="mini">限定式问答</el-tag>
        <el-tag class="tag" type="info" size="mini">调优</el-tag>
        </div>

        <el-divider style="margin: 14px 0"></el-divider>
        <div class="buttonBox">
          <div>
            <el-tooltip :content="'浏览量1890'" placement="top" >
              <el-button type="text" style="color:#333" icon="el-icon-view">1890</el-button>
            </el-tooltip>
               <el-tooltip :content="'引用量262'" placement="top" >
             <el-button type="text" style="color:#333"  icon="el-icon-date">262</el-button>
            </el-tooltip>
            
          </div>
          <el-button type="text">去训练</el-button>
        </div>
      </el-card>
      <div class="box-card-2" v-for="item in 3" :key="item"></div>
  </div>
</template>

<script>
export default {
  data () {
    return {
    };
  },
  props: ['list'],
  components: {},

  computed: {},

  mounted () {},

  methods: {}
}

</script>
<style lang="scss" scoped>
@import '@/assets/style/element-variables.scss';
.box-card {
  width: calc(100% / 4 - 20px);
  height: 180px;
  flex-shrink: 0;
  margin-bottom: 20px;
  min-width: 300px;
  background: linear-gradient(to bottom,#e7efff 10%, #fff 50%);
}
.box-card-2 {
  width: calc(100% / 4 - 20px);
  min-width: 300px;
  flex-shrink: 0;
}
.tag:not(:last-child){
  margin-right: 10px;
}
div /deep/ .el-card__body{
  height: 100%;
  width: 100%;
  position: relative;
}

div /deep/.el-divider--horizontal {
  margin: 14px 0 0 0;
}
.title {
  font-size: 16px;
  color: $--color-text-primary;
  margin-bottom: 16px;
}
.content {
  margin-bottom: 10px;
  color:$--color-text-secondary;
}
.buttonBox{
  display: flex;
  justify-content: space-between;
  position: absolute;
  bottom: 0;
 width: calc(100% - 32px);
}

</style>
