<template>
  <div id="list">
    <el-row style="overflow-y:hidden;">
      <el-col :span="24" class="top">
        <div class="w_1200">
          <top :topinfo="topinfo" :menulist="menulist"></top>
        </div>
      </el-col>
      <el-col :span="24" class="banner">
        <banner :bannerinfo="bannerinfo"></banner>
      </el-col>
      <el-col :span="24" class="main">
        <div class="w_1200">
          <maininfo :title="title" :noticelist="noticelist" @search="search" :totalRow="totalRow"></maininfo>
        </div>
      </el-col>
      <el-col :span="24" class="foot">
        <foot :footinfo="footinfo"></foot>
      </el-col>
    </el-row>
  </div>
</template>

<script>
import top from '../../../layout/master/index/top.vue';
import banner from '../../../layout/master/news/banner.vue';
import maininfo from '../../../layout/master/notice/maininfo.vue';
import foot from '../../../layout/master/index/foot.vue';
export default {
  name: 'list',
  props: {
    title: null,
    topinfo: null, //头部内容
    menulist: null, //导航
    bannerinfo: null, //banner图片
    noticelist: null, //公告列表
    footinfo: null, //底部内容
    totalRow: { type: Number, default: 0 },
  },
  components: {
    top,
    banner,
    maininfo,
    foot,
  },
  data: () => ({}),
  created() {},
  computed: {},
  methods: {
    search(page) {
      this.$emit('search', page);
    },
  },
};
</script>

<style lang="less" scoped>
.w_1200 {
  width: 1200px;
  margin: 0 auto;
}
.top {
  height: 140px;
}
.banner {
  height: 526px;
}
.main {
  height: 1970px;
}
.foot {
  height: 109px;
}
</style>
