<template>
  <el-card shadow="never" :bodyStyle="{bodyStyle}" style="margin-bottom: 15px">
    <div slot="header" class="clearfix">
      <div style="float: left;padding-top: 5px;font-weight: 600">{{header}}</div>
      <div class="operate">
        <slot name="operate"></slot>
      </div>
    </div>
    <slot></slot>
  </el-card>
</template>

<script>
  /**
   * 信息卡牌
   */
  export default {
    name: 'InfoCard',
    props: {
      header: {},
      headVisable: {
        type: Boolean,
        default: true
      },
      bodyStyle: {}
      // style: {
      //   default: {}
      // }
    }
  }
</script>

<style rel="stylesheet/scss" lang="scss" scoped>
  .operate {
    float: right;
    padding: 0 3px;
    margin-top: -5px;

    .el-button {
      padding: 0 !important;
    }
  }

</style>
