<template>
    <v-card class="mb-3 pa-3">
        <div class="topTitle mb-3">
            <span class="tic pl-3">{{ title }}</span>
            <v-divider class="ma-3"></v-divider>
            <slot name="tool"></slot>
        </div>
        <slot></slot>
    </v-card>
</template>

<script>
export default {
  name: 'list-card',
  props: {
    title: {
      type: String,
      default: '标题'
    }
  }
}
</script>

<style lang="scss" scoped>
.topTitle {
  .tic {
    color: #127dd4;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
  }
}
</style>
