<!--拓扑图缩略图卡片-->
<template>
  <el-card class="box-card" shadow="hover">
    <div slot="header" class="clearfix">
      <span>卡片名称</span>
      <el-button style="float: right; padding: 3px 0" type="text">操作按钮</el-button>
    </div>
    <div v-for="o in 4" :key="o" class="text item">{{'列表内容 ' + o }}</div>
  </el-card>
</template>
<script>
export default {
  data() {
    return {};
  },
};
</script>
<style lang="less" scoped>
.box-card {
  position: relative;
  width: 260px;
  height: 200px;
  border-radius: 8px;
  margin-right: 20px;
  margin-bottom: 20px;
  cursor: pointer;
  &:hover {
    border-color: #0091FF80;
  }
}
</style>