<template>
  <div class="c-card">
    <div class="c-card-title">
      <el-tooltip class="item" effect="light" :content="tip" placement="top" v-if="tip">
        <div class="c-card-title-left">{{ title || '' }}</div>
      </el-tooltip>
      <div class="c-card-title-left" v-else>{{ title || '' }}</div>
      <div class="c-card-title-center"></div>
      <div class="c-card-title-right"></div>
    </div>
    <div class="c-card-content">
      <div class="c-card-content-echars echart-box">
        <slot name="content"></slot>
        <!-- <template v-slot:content></template> -->
        <!-- <div ref="ecEL2" class="ecEl"></div> -->
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'Card',
  components: {},
  props: {
    title: {},
    tip: {
      type: String,
      default: ''
    }
  },
  data() {
    // 这里存放数据
    return {}
  },
  mounted() {},
  methods: {}
}
</script>

<style lang="scss">
@import './index.scss';
</style>
