<template>
  <div
      class="grid-content bg-purple"
      v-resize='onResize'
  >
    <div class="grid-title">{{ title }}</div>
    <div class="grid-main-content">
      <slot name="main"></slot>
    </div>
  </div>

</template>

<script>

export default {
  props: {
    title: {
      default: '标题',
      type: String,
    },
    onResize: {
      type: Function,
      default: () => {
        return () => {
        };
      },
    },
  },
};
</script>
<style src="./index.scss" lang="scss" />
