<template>
  <div id="listNormal">
    <el-row class="title_space">
      <el-col :span="24">
        <slot name="title"> </slot>
        <!-- :xxx=>object name;此处相当于把我们要传过去的参数封了一层: {data:test} -->
      </el-col>
    </el-row>
    <div class="distance30 top_down10">
      <el-row :gutter="10">
        <el-col :span="21">
          <slot name="functionBar"></slot>
        </el-col>
        <el-col :span="3">
          <slot name="addBtn"> </slot>
        </el-col>
      </el-row>
    </div>
    <div>
      <slot name="batch"></slot>
    </div>
    <div class="distance10 down30">
      <slot name="main"></slot>
    </div>
  </div>
</template>

<script>
export default {
  name: 'listNormal',
  props: {},
  components: {},
  data: () => ({}),
  created() {},
  computed: {},
  methods: {},
};
</script>

<style lang="less" scoped>
.distance30 {
  margin-top: 1.9rem;
}
.title_space {
  margin: 0.9rem 0;
  font-size: 1rem;
}
.distance10 {
  margin-top: 0.62rem;
}
.down30 {
  margin-bottom: 1.9rem;
}
.top_down10 {
  margin: 1rem 0;
}
</style>
