guhongwei hace 5 años
padre
commit
27dc462773
Se han modificado 3 ficheros con 100 adiciones y 10 borrados
  1. 74 0
      src/components/list.vue
  2. 12 7
      src/router/index.js
  3. 14 3
      src/views/list.vue

+ 74 - 0
src/components/list.vue

@@ -0,0 +1,74 @@
+<template>
+  <div id="list">
+    <el-row>
+      <el-col :sapn="24" class="top">
+        <top :info="info"></top>
+      </el-col>
+      <el-col :sapn="24" class="banner">
+        <banner :info="info"></banner>
+      </el-col>
+      <el-col :sapn="24" class="menu">
+        <menuInfo></menuInfo>
+      </el-col>
+      <el-col :sapn="24" class="main">
+        <div class="w_1270">
+          主体
+        </div>
+      </el-col>
+      <el-col :sapn="24" class="down">
+        <down :info="info"></down>
+      </el-col>
+    </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 down from '@/layout/index/down.vue';
+export default {
+  name: 'list',
+  props: {
+    info: null, //站点信息
+  },
+  components: {
+    top, //头部
+    banner, //banner
+    menuInfo, //菜单
+    down, //底部
+  },
+  data: () => ({}),
+  created() {},
+  computed: {},
+  methods: {},
+};
+</script>
+
+<style lang="less" scoped>
+.w_1270 {
+  width: 1270px;
+  margin: 0 auto;
+}
+.top {
+  height: 40px;
+  overflow: hidden;
+}
+.banner {
+  height: 300px;
+  overflow: hidden;
+}
+.menu {
+  height: 50px;
+  overflow: hidden;
+  border-bottom: 1px solid #ccc;
+}
+.main {
+  min-height: 1000px;
+  background: #f6f6f6;
+}
+.down {
+  height: 135px;
+  overflow: hidden;
+}
+</style>

+ 12 - 7
src/router/index.js

@@ -1,14 +1,19 @@
-import Vue from "vue";
-import Router from "vue-router";
+import Vue from 'vue';
+import Router from 'vue-router';
 
 Vue.use(Router);
 
 export default new Router({
   routes: [
     {
-      path: "/",
-      name: "index",
-      component: () => import("../views/index.vue")
-    }
-  ]
+      path: '/',
+      name: 'index',
+      component: () => import('../views/index.vue'),
+    },
+    {
+      path: '/list',
+      name: 'list',
+      component: () => import('../views/list.vue'),
+    },
+  ],
 });

+ 14 - 3
src/views/list.vue

@@ -1,15 +1,26 @@
 <template>
   <div id="list">
-    <p>list</p>
+    <list-detail :info="info"></list-detail>
   </div>
 </template>
 
 <script>
+import listDetail from '@/components/list.vue';
 export default {
   name: 'list',
   props: {},
-  components: {},
-  data: () => ({}),
+  components: {
+    listDetail,
+  },
+  data: () => ({
+    info: {
+      title: '吉林省高等学校毕业生就业信息网',
+      english: 'Jilin University Graduate Employment Guidance Center',
+      banner: require('@/assets/banner.jpg'),
+      logo: require('@/assets/logo.png'),
+      copyright: '吉ICP备09006292号-1 Copyright 2019 版权所有 吉林省高等学校毕业生就业指导中心 All Rights Reserved',
+    },
+  }),
   created() {},
   computed: {},
   methods: {},