<template>
  <div id="common-three-block">
    <arrow-title :title="title"/>
    <div class="flex-bottom">
      <slot name="bottom"></slot>
    </div>
  </div>
</template>

<script>

import ArrowTitle from "@/components/common/arrow-title/ArrowTitle";
export default {
  name: "CommonThreeBlock",
  components: {ArrowTitle},
  props:{
    title:{

    }
  }
}
</script>

<style scoped lang="scss">
#common-three-block{
  height: 100%;
  display: flex;
  flex-direction: column;
  background: rgba(0, 144, 255, 0.06);

  .flex-bottom{
    flex: 1;
    overflow: hidden;
  }

}
</style>
