<!--  -->
<template>
  <div class="cardBox" @click="open">
    <slot name="title"> </slot>
    <slot name="content"> </slot>
  </div>

</template>

<script>
export default {
  data () {
    return {
    };
  },

  components: {},

  computed: {},

  mounted () { },

  methods: {
    open () { // 向父组件传值
      this.$emit('open')
    }
  }
}

</script>
<style scoped>
.cardBox {
  width: 100%;
  height: 100%;
  min-width: 200px;
  background-color: rgba(255, 255, 255, 0);
  padding: 20px;
  border-radius: 5px;

  box-shadow: 0 0 3px 1px rgb(85, 85, 85, 51%);
  background: #f1f1f1bd;
}
</style>
