web-test/src/views/index1.vue

<template>
  <div id="index">
    <el-row>
      <el-row :span="24" class="style">
        <div class="w_1270">
          <el-col :span="24" class='top'>
            <el-row>
              <el-col :span="19">
                您好，欢迎访问吉林省高等学校毕业生就业信息网!
              </el-col>
            </el-row>
          </el-col>
        </div>
        </el-row>
      </el-row>
        <el-row :span="24" class='banner'>
          <div id="banner">
            <el-col :span="24">
              <el-image :src="banner.png" style="width:100%;height:300px;">
              </el-image>
            </el-col>
          </div>
        </el-row>
        
      </el-row>
    </el-row>
  </div>
</template>>

<script>
import top from '@/layout/index/top.vue';
import banner from '@/layout/index/banner.vue';
import menuInfo from '@/layout/index/menuInfo.vue';
import mainOne from '@/layout/index/mainOne.vue';
import mainTwo from '@/layout/index/mainTwo.vue';
import { mapState, createNamespacedHelpers } from 'vuex';
import { component } from 'vue/types/umd';
export default {
  name:'index'
  props:{},
  components:{
    top,
    banner,
    menuInfo,

  },
data:function () {
  
}
}
</script>

<style scoped>

</style>