<template>
  <div class="container-fluid" :class="[contentClass]">
    <el-row>
      <el-col :span="24">
        <!-- box with #fff bg -->
        <div class="box">
          <div class="box-body">
            <slot />
          </div>
        </div>
      </el-col>
    </el-row>
  </div>
</template>

<script>
export default {
  name: 'BoxContent',
  props: {
    noTitle: {
      type: Boolean,
      default: false
    }
  },
  computed: {
    contentClass() {
      return this.noTitle ? 'content-notitle' : 'content'
    }
  }
}
</script>
<style lang="scss">
  .box-body{
    .search{
      display: flex;
      padding: 5px;
      .mr5{
        margin-right:5px;
      }
      .base-search-form{
        .el-form-item{
          margin-bottom: 0px;
        }
      }
    }
    .page{
      text-align: right;
      padding-top: 3px;
    }
  }
</style>
