<template>
  <div id="student">
    <el-row style="overflow-y:hidden;">
      <el-col :span="24" class="top">
        <div class="w_1200">
          <stutop :topinfo="topinfo"></stutop>
        </div>
      </el-col>
      <el-col :span="24" class="maininfo">
        <maininfo :newsinfo="newsinfo"></maininfo>
      </el-col>
      <el-col :span="24" class="foot">
        <foot :footinfo="footinfo"></foot>
      </el-col>
    </el-row>
  </div>
</template>

<script>
import stutop from '../../../layout/master/login/stutop.vue';
import maininfo from '../../../layout/master/login/maininfo.vue';
import foot from '../../../layout/master/index/foot.vue';
export default {
  name: 'student',
  props: {
    topinfo: null, //头部内容
    newsinfo: null, //中间登录
    footinfo: null, //底部内容
  },
  components: {
    stutop,
    maininfo,
    foot,
  },
  data: () => ({}),
  created() {},
  computed: {},
  methods: {},
};
</script>

<style lang="less" scoped>
.w_1200 {
  width: 1200px;
  margin: 0 auto;
}
.top {
  height: 140px;
}
.maininfo {
  height: 943px;
}
.foot {
  height: 184px;
}
</style>
