<template>
  <div class="info-card">
    <div class="content-title">
      <slot name="title"></slot>
    </div>
    <div>
      <slot name="content"></slot>
    </div>
  </div>
</template>
<script>
export default {
  name:"InfoCard",
  data() {
    return {
    };
  },
  methods: {}
};
</script>
<style scoped>
  .info-card{
    border-radius: 5px;
    width: 90%;
    margin: auto;
    margin-bottom: 10px;
    background: #3d459e;
  }

  .content-title{
    line-height: 35px;
    font-size: 18px;
    font-weight: bold;
    padding-left: 20px;
    height: 28%;
  }
</style>
