<!--
 * @Author: your name
 * @Date: 2021-10-25 10:46:40
 * @LastEditTime: 2021-10-25 14:28:06
 * @LastEditors: Please set LastEditors
 * @Description: 生态监测 - 左上 - 选择的内容
 * @FilePath: \hyyfScreen\src\views\Zoology\Select\SelectBlock.vue
-->
<template>
  <div class="select-block">
    <div class="title">{{ title }}</div>
    <div class="content">
      <slot name="left"></slot>
      <slot name="right"></slot>
    </div>
  </div>
</template>
<script>
export default {
  props: {
    title: {
      type: String,
      default: '一栋'
    }
  }
}
</script>
<style scoped>
.select-block {
  padding: 5px;
  color: #66FFFF;
  border: 2px solid #66FFFF;
  border-radius: 5px;
  margin: 0 5px;
}
.title {
  text-align: center;
}
.content {
  display: flex;
  justify-content: space-around;
}
</style>
