Merge branch 'master' of http://git.cc-lotus.info/guhongwei/web-center

src/components/aboutInfo.vue

@@ -0,0 +1,78 @@
+<template>
+  <div id="aboutInfo">
+    <el-row>
+      <el-col :span="24" class="top">
+        <div class="w_1200">
+          <top :info="info" :Color="Color"></top>
+        </div>
+      </el-col>
+      <el-col :span="24" class="menu">
+        <menuInfo :backColor="backColor"></menuInfo>
+      </el-col>
+      <el-col :span="24" class="main">
+        <div class="w_1200">
+          <about :aboutInfo="aboutInfo"></about>
+        </div>
+      </el-col>
+      <el-col :span="24" class="foot">
+        <foot :info="info" :backColor="backColor"></foot>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import top from '@/layout/index/top.vue';
+import menuInfo from '@/layout/index/menuInfo.vue';
+import listLeft from '@/layout/list/listLeft.vue';
+import about from '@/layout/detail/about.vue';
+
+import foot from '@/layout/index/foot.vue';
+export default {
+  name: 'aboutInfo',
+  props: {
+    info: null, //头部信息
+    Color: null, //头部电话字体颜色
+    backColor: null, //导航菜单背景颜色
+    aboutInfo: null, //关于我们详细信息
+  },
+  components: {
+    top, //头部
+    menuInfo, //导航
+    foot, //底部信息
+    about, //詳情
+  },
+  data: () => ({}),
+  created() {},
+  computed: {},
+  methods: {},
+};
+</script>
+
+<style lang="less" scoped>
+.w_1200 {
+  width: 1200px;
+  margin: 0 auto;
+}
+.top {
+  height: 120px;
+  overflow: hidden;
+}
+.menu {
+  height: 40px;
+  overflow: hidden;
+}
+.main {
+  min-height: 1060px;
+  margin: 30px 0 20px 0;
+  overflow: hidden;
+}
+.mainList {
+  float: right;
+  width: 930px;
+}
+.foot {
+  height: 133px;
+  overflow: hidden;
+}
+</style>

src/components/detail.vue

@@ -3,24 +3,24 @@
     <el-row>
       <el-col :span="24" class="top">
         <div class="w_1200">
-          <top :info="info"></top>
+          <top :info="info" :Color="Color"></top>
         </div>
       </el-col>
       <el-col :span="24" class="menu">
-        <menuInfo></menuInfo>
+        <menuInfo :backColor="backColor"></menuInfo>
       </el-col>
       <el-col :span="24" class="main">
         <div class="w_1200">
           <el-col :span="5" class="mainNav">
-            <listLeft></listLeft>
+            <listLeft :Color="Color"></listLeft>
           </el-col>
           <el-col :span="18" class="mainList">
-            <detailInfo :detailInfo="detailInfo"></detailInfo>
+            <detailInfo :detailInfo="detailInfo" :Color="Color"></detailInfo>
           </el-col>
         </div>
       </el-col>
       <el-col :span="24" class="foot">
-        <foot :info="info"></foot>
+        <foot :info="info" :backColor="backColor"></foot>
       </el-col>
     </el-row>
   </div>
@@ -37,6 +37,8 @@ export default {
   name: 'detail',
   props: {
     info: null, //头部信息
+    Color: null, //头部电话字体颜色
+    backColor: null, //导航菜单背景颜色
     detailInfo: null, //详情信息
   },
   components: {
@@ -64,13 +66,12 @@ export default {
 }
 .menu {
   height: 40px;
-  background-color: #0457c7;
   overflow: hidden;
 }
 .main {
   min-height: 1060px;
   margin: 50px 0 0 0;
-  overflow: hiddenpx;
+  overflow: hidden;
 }
 .mainList {
   float: right;
@@ -78,7 +79,6 @@ export default {
 }
 .foot {
   height: 133px;
-  background-color: #0457c7;
   overflow: hidden;
 }
 </style>

src/components/index.vue

@@ -3,11 +3,11 @@
     <el-row>
       <el-col :span="24" class="top">
         <div class="w_1200">
-          <top :info="info"></top>
+          <top :info="info" :Color="Color"></top>
         </div>
       </el-col>
       <el-col :span="24" class="menu">
-        <menuInfo :menuList="menuList"></menuInfo>
+        <menuInfo  :menuList="menuList"  :backColor="backColor"></menuInfo>
       </el-col>
       <el-col :span="24" class="banner">
         <banner :info="info"></banner>
@@ -51,7 +51,7 @@
         <contact :info="info"></contact>
       </el-col>
       <el-col :span="24" class="foot">
-        <foot :info="info"></foot>
+        <foot :info="info" :backColor="backColor"></foot>
       </el-col>
     </el-row>
   </div>
@@ -76,6 +76,8 @@ export default {
   props: {
     info: null, //头部信息
     newsList: null, //新闻信息
+    Color: null, //头部电话字体颜色
+    backColor: null, //导航菜单背景颜色
     noticeList: null, //通知公告
     recruitList: null, //最新招聘信息
     companyList: null, //招聘企业
@@ -114,7 +116,6 @@ export default {
 }
 .menu {
   height: 40px;
-  background-color: #0457c7;
   overflow: hidden;
 }
 .banner {
@@ -177,7 +178,6 @@ export default {
 }
 .foot {
   height: 133px;
-  background-color: #0457c7;
   overflow: hidden;
 }
 </style>

src/components/list.vue

@@ -3,19 +3,19 @@
     <el-row>
       <el-col :span="24" class="top">
         <div class="w_1200">
-          <top :info="info"></top>
+          <top :info="info" :Color="Color"></top>
         </div>
       </el-col>
       <el-col :span="24" class="menu">
-        <menuInfo></menuInfo>
+        <menuInfo :backColor="backColor"></menuInfo>
       </el-col>
       <el-col :span="24" class="main">
         <div class="w_1200">
           <el-col :span="5" class="mainNav">
-            <listLeft></listLeft>
+            <listLeft :Color="Color"></listLeft>
           </el-col>
           <el-col :span="18" class="mainList">
-            <listRight :rightList="rightList"></listRight>
+            <listRight :rightList="rightList" :Color="Color"></listRight>
           </el-col>
         </div>
       </el-col>
@@ -31,12 +31,13 @@ import top from '@/layout/index/top.vue';
 import menuInfo from '@/layout/index/menuInfo.vue';
 import listLeft from '@/layout/list/listLeft.vue';
 import listRight from '@/layout/list/listRight.vue';
-
 import foot from '@/layout/index/foot.vue';
 export default {
   name: 'list',
   props: {
     info: null, //头部信息
+    Color: null, //头部电话字体颜色
+    backColor: null, //导航菜单背景颜色
     rightList: null, //列表信息
   },
   components: {
@@ -64,7 +65,6 @@ export default {
 }
 .menu {
   height: 40px;
-  background-color: #0457c7;
   overflow: hidden;
 }
 .main {

src/components/memberDetail.vue

@@ -0,0 +1,93 @@
+<template>
+  <div id="detail">
+    <el-row>
+      <el-col :span="24" class="top">
+        <div class="w_1200">
+          <top :info="info" :Color="Color"></top>
+        </div>
+      </el-col>
+      <el-col :span="24" class="menu">
+        <menuInfo :backColor="backColor"></menuInfo>
+      </el-col>
+      <el-col :span="24" class="banner">
+        <banner></banner>
+      </el-col>
+      <el-col :span="24" class="main">
+        <div class="w_1200">
+          <el-col :span="5" class="mainNav">
+            <listLeft :Color="Color"></listLeft>
+          </el-col>
+          <el-col :span="18" class="mainList">
+            <detailInfo :detailInfo="detailInfo" :Color="Color"></detailInfo>
+          </el-col>
+        </div>
+      </el-col>
+      <el-col :span="24" class="foot">
+        <foot :info="info" :backColor="backColor"></foot>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import top from '@/layout/index/top.vue';
+import menuInfo from '@/layout/index/menuInfo.vue';
+import banner from '@/layout/member/banner.vue';
+import listLeft from '@/layout/list/listLeft.vue';
+import detailInfo from '@/layout/detail/detail.vue';
+
+import foot from '@/layout/index/foot.vue';
+export default {
+  name: 'detail',
+  props: {
+    info: null, //头部信息
+    Color: null, //头部电话字体颜色
+    backColor: null, //导航菜单背景颜色
+    detailInfo: null, //详情信息
+  },
+  components: {
+    top, //头部
+    menuInfo, //导航
+    banner, //banner,固定值在组件中
+    listLeft, //二级左侧导航
+    foot, //底部信息
+    detailInfo, //詳情
+  },
+  data: () => ({}),
+  created() {},
+  computed: {},
+  methods: {},
+};
+</script>
+
+<style lang="less" scoped>
+.w_1200 {
+  width: 1200px;
+  margin: 0 auto;
+}
+.top {
+  height: 120px;
+  overflow: hidden;
+}
+.menu {
+  height: 40px;
+  overflow: hidden;
+}
+.banner {
+  height: 450px;
+  overflow: hidden;
+}
+.main {
+  min-height: 1060px;
+  margin: 50px 0 0 0;
+  overflow: hidden;
+}
+.mainList {
+  float: right;
+  width: 930px;
+}
+.foot {
+  height: 133px;
+  overflow: hidden;
+}
+</style>

src/components/memberList.vue

@@ -0,0 +1,92 @@
+<template>
+  <div id="memberList">
+    <el-row>
+      <el-col :span="24" class="top">
+        <div class="w_1200">
+          <top :info="info" :Color="Color"></top>
+        </div>
+      </el-col>
+      <el-col :span="24" class="menu">
+        <menuInfo :backColor="backColor"></menuInfo>
+      </el-col>
+      <el-col :span="24" class="banner">
+        <banner></banner>
+      </el-col>
+      <el-col :span="24" class="main">
+        <div class="w_1200">
+          <el-col :span="5" class="mainNav">
+            <listLeft :Color="Color"></listLeft>
+          </el-col>
+          <el-col :span="18" class="mainList">
+            <listRight :rightList="rightList" :Color="Color"></listRight>
+          </el-col>
+        </div>
+      </el-col>
+      <el-col :span="24" class="foot">
+        <foot :info="info" :backColor="backColor"></foot>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import top from '@/layout/index/top.vue';
+import menuInfo from '@/layout/index/menuInfo.vue';
+import banner from '@/layout/member/banner.vue';
+import listLeft from '@/layout/list/listLeft.vue';
+import listRight from '@/layout/list/listRight.vue';
+import foot from '@/layout/index/foot.vue';
+export default {
+  name: 'memberList',
+  props: {
+    info: null, //头部信息
+    Color: null, //头部电话字体颜色
+    backColor: null, //导航菜单背景颜色
+    rightList: null, //列表信息
+  },
+  components: {
+    top, //頭部
+    menuInfo, //导航
+    banner, //banner,固定值在组件中
+    listLeft, //二级左侧导航
+    listRight, //二级右侧列表
+    foot, //底部信息
+  },
+  data: () => ({}),
+  created() {},
+  computed: {},
+  methods: {},
+};
+</script>
+
+<style lang="less" scoped>
+.w_1200 {
+  width: 1200px;
+  margin: 0 auto;
+}
+.top {
+  height: 120px;
+  overflow: hidden;
+}
+.menu {
+  height: 40px;
+  overflow: hidden;
+}
+.banner {
+  height: 450px;
+  overflow: hidden;
+}
+.main {
+  height: 1060px;
+  margin: 50px 0 0 0;
+  overflow: hidden;
+}
+.mainList {
+  width: 746px;
+  margin: 0 0 0 20px;
+}
+.foot {
+  height: 133px;
+  overflow: hidden;
+}
+</style>

src/components/newsList.vue

@@ -0,0 +1,84 @@
+<template>
+  <div id="newsList">
+    <el-row>
+      <el-col :span="24" class="top">
+        <div class="w_1200">
+          <top :info="info" :Color="Color"></top>
+        </div>
+      </el-col>
+      <el-col :span="24" class="menu">
+        <menuInfo :backColor="backColor"></menuInfo>
+      </el-col>
+      <el-col :span="24" class="main">
+        <div class="w_1200">
+          <el-col :span="5" class="mainNav">
+            <listLeft :Color="Color"></listLeft>
+          </el-col>
+          <el-col :span="18" class="mainList">
+            <newsInfo :newsList="newsList" :Color="Color"></newsInfo>
+          </el-col>
+        </div>
+      </el-col>
+      <el-col :span="24" class="foot">
+        <foot :info="info"></foot>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import top from '@/layout/index/top.vue';
+import menuInfo from '@/layout/index/menuInfo.vue';
+import listLeft from '@/layout/list/listLeft.vue';
+import newsInfo from '@/layout/list/newsInfo.vue';
+import foot from '@/layout/index/foot.vue';
+export default {
+  name: 'newsList',
+  props: {
+    info: null, //头部信息
+    Color: null, //头部电话字体颜色
+    backColor: null, //导航菜单背景颜色
+    newsList: null, //列表信息
+  },
+  components: {
+    top, //头部
+    menuInfo, //导航
+    listLeft, //二级左侧导航
+    newsInfo, //二级右侧新聞列表（帶有圖片）
+    foot, //底部信息
+  },
+  data: () => ({}),
+  created() {},
+  computed: {},
+  methods: {},
+};
+</script>
+
+<style lang="less" scoped>
+.w_1200 {
+  width: 1200px;
+  margin: 0 auto;
+}
+.top {
+  height: 120px;
+  overflow: hidden;
+}
+.menu {
+  height: 40px;
+  overflow: hidden;
+}
+.main {
+  height: 1060px;
+  margin: 50px 0 0 0;
+  overflow: hidden;
+}
+.mainList {
+  width: 746px;
+  margin: 0 0 0 20px;
+}
+.foot {
+  height: 133px;
+  background-color: #0457c7;
+  overflow: hidden;
+}
+</style>

src/layout/detail/about.vue

@@ -0,0 +1,67 @@
+<template>
+  <div id="about">
+    <el-row>
+      <el-col :span="24" class="top">
+        <span>关于我们</span>
+      </el-col>
+      <el-col :span="24" class="info">
+        <p>{{ aboutInfo.content1 }}</p>
+        <p>{{ aboutInfo.content2 }}</p>
+        <p>{{ aboutInfo.content3 }}</p>
+        <p style="text-align: center;color: #000;font-weight: 600;">
+          {{ aboutInfo.content4 }}
+        </p>
+        <p>{{ aboutInfo.content5 }}</p>
+        <p>{{ aboutInfo.content6 }}</p>
+        <p>{{ aboutInfo.content7 }}</p>
+        <p>{{ aboutInfo.content8 }}</p>
+        <p>{{ aboutInfo.content9 }}</p>
+        <p>{{ aboutInfo.content10 }}</p>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'about',
+  props: {
+    aboutInfo: null,
+  },
+  components: {},
+  data: () => ({}),
+  created() {},
+  computed: {},
+  methods: {},
+};
+</script>
+
+<style lang="less" scoped>
+p {
+  padding: 0;
+  margin: 0;
+}
+.top {
+  height: 30px;
+  line-height: 30px;
+  padding: 0 50px;
+  margin: 10px 0;
+}
+.top span {
+  display: inline-block;
+  font-size: 20px;
+  background: #0457c7;
+  padding: 0px 15px;
+  color: #fff;
+  border-radius: 20px;
+}
+.info {
+  padding: 0 110px;
+}
+.info p {
+  font-size: 18px;
+  color: #333333;
+  text-indent: 2rem;
+  line-height: 40px;
+}
+</style>

src/layout/detail/detail.vue

@@ -1,10 +1,10 @@
 <template>
   <div id="detail">
     <el-row>
-      <el-col :span="24" class="detail">
-        <el-col :span="24" class="topInfo">
+      <el-col :span="24" class="detail" :style="`border-color:${Color}`">
+        <el-col :span="24" class="topInfo" :style="`border-color:${Color}`">
           <el-col :span="8" class="top">
-            <p>{{ title }}</p>
+            <p :style="`color:${Color}`">{{ title }}</p>
           </el-col>
           <el-col :span="16" class="bread">
             <el-breadcrumb separator-class="el-icon-arrow-right">
@@ -37,6 +37,7 @@ export default {
   name: 'detail',
   props: {
     detailInfo: null,
+    Color: null,
   },
   components: {},
   data: () => ({
@@ -54,21 +55,20 @@ p {
   margin: 0;
 }
 .detail {
-  border-left: 1px solid #0874ee;
+  border-left: 1px solid;
   min-height: 1020px;
   padding: 0 15px;
 }
 .topInfo {
   height: 47px;
   line-height: 47px;
-  border-bottom: 2px solid #0874ee;
+  border-bottom: 2px solid;
 }
 .top {
   padding: 0 10px;
 }
 .top p {
   font-size: 24px;
-  color: #0874ee;
 }
 .bread {
   padding: 16px 0px 16px 220px;

src/layout/index/contact.vue

@@ -24,7 +24,7 @@
             </el-col> -->
           </el-col>
           <el-col :span="12" class="ditu">
-            <p>地图</p>
+            <el-image style="width:410px;height:200px;" :src="map"></el-image>
           </el-col>
         </el-col>
       </div>
@@ -39,7 +39,9 @@ export default {
     info: null,
   },
   components: {},
-  data: () => ({}),
+  data: () => ({
+    map: require('@/assets/map.png'),
+  }),
   created() {},
   computed: {},
   methods: {},
@@ -68,9 +70,4 @@ p {
 .ditu {
   padding: 30px 94px;
 }
-.ditu p {
-  width: 410px;
-  height: 200px;
-  border: 1px solid #ccc;
-}
 </style>

src/layout/index/foot.vue

@@ -1,9 +1,11 @@
 <template>
   <div id="foot">
     <el-row>
-      <el-col :span="24" class="foot">
+      <el-col :span="24" class="foot" :style="`background-color:${backColor}`">
         <p class="textOver">{{ info.copyright }}</p>
-        <el-image :src="footUrl"></el-image>
+        <el-link href="http://bszs.conac.cn/sitename?method=show&id=275F0728763C767CE053022819ACA2F2" :underline="false"
+          ><el-image :src="footUrl"></el-image
+        ></el-link>
       </el-col>
     </el-row>
   </div>
@@ -14,6 +16,7 @@ export default {
   name: 'foot',
   props: {
     info: null,
+    backColor: null,
   },
   components: {},
   data: () => ({

src/layout/index/menuInfo.vue

@@ -1,13 +1,14 @@
 <template>
   <div id="menuInfo">
     <el-row>
-      <el-col :span="24">
+      <el-col :span="24" :style="`background-color:${backColor}`">
         <div class="w_1200">
           <el-menu
             :default-active="activeIndex1"
             class="el-menu-demo"
             mode="horizontal"
-            background-color="#0457c7"
+            @select="handleSelect"
+            :style="`background-color:${backColor}`"
             text-color="#fff"
             active-text-color="#fff"
             :router="true"
@@ -45,6 +46,7 @@ export default {
   name: 'menuInfo',
   props: {
     menuList: null,
+    backColor: null,
   },
   components: {},
   data: () => ({
@@ -78,6 +80,6 @@ export default {
 }
 /deep/.el-menu--horizontal > .el-menu-item.is-active {
   border-bottom: none;
-  background-color: #1b6edd !important;
+  background-color: #1b6edd5f !important;
 }
 </style>

src/layout/index/top.vue

@@ -6,8 +6,8 @@
           <el-image style="height:120px;" :src="info.logo"></el-image>
         </el-col>
         <el-col :span="12" class="right">
-          <p class="phone"><i class="el-icon-phone-outline" style="color:#868686;"></i>{{ info.phone }}</p>
-          <p class="day"><i class="el-icon-timer"></i>办公时间：周一至周五，法定假日不对外办公</p>
+          <p class="phone" :style="`color:${Color}`"><i class="el-icon-phone-outline"></i>{{ info.phone }}</p>
+          <p class="day" :style="`color:${Color}`"><i class="el-icon-timer"></i>办公时间：周一至周五，法定假日不对外办公</p>
         </el-col>
       </el-col>
     </el-row>
@@ -19,6 +19,7 @@ export default {
   name: 'top',
   props: {
     info: null,
+    Color: null,
   },
   components: {},
   data: () => ({}),
@@ -42,10 +43,8 @@ p {
 }
 .right .phone {
   font-size: 20px;
-  color: #1776c3;
 }
 .right .day {
   font-size: 14px;
-  color: #868686;
 }
 </style>

src/layout/list/listLeft.vue

@@ -3,19 +3,19 @@
     <el-row>
       <el-col :span="24" class="listLeft">
         <el-menu default-active="1" class="el-menu-vertical-demo" @open="handleOpen" @close="handleClose">
-          <el-menu-item index="1">
+          <el-menu-item index="1" :style="`color:${Color}`">
             <span slot="title">就业动态</span>
           </el-menu-item>
-          <el-menu-item index="2">
+          <el-menu-item index="2" :style="`color:${Color}`">
             <span slot="title">学校动态</span>
           </el-menu-item>
-          <el-menu-item index="3">
+          <el-menu-item index="3" :style="`color:${Color}`">
             <span slot="title">文化动态</span>
           </el-menu-item>
-          <el-menu-item index="4">
+          <el-menu-item index="4" :style="`color:${Color}`">
             <span slot="title">招生动态</span>
           </el-menu-item>
-          <el-menu-item index="5">
+          <el-menu-item index="5" :style="`color:${Color}`">
             <span slot="title">考试动态</span>
           </el-menu-item>
         </el-menu>
@@ -27,7 +27,9 @@
 <script>
 export default {
   name: 'listLeft',
-  props: {},
+  props: {
+    Color: null,
+  },
   components: {},
   data: () => ({}),
   created() {},
@@ -48,7 +50,6 @@ export default {
   border-right: none;
 }
 /deep/.el-menu-item {
-  color: #415285;
   font-size: 24px;
   height: 60px;
   line-height: 60px;

src/layout/list/listRight.vue

@@ -1,10 +1,10 @@
 <template>
   <div id="listRight">
     <el-row>
-      <el-col :span="24" class="listRight">
+      <el-col :span="24" class="listRight" :style="`border-color:${Color}`">
         <el-col :span="24" class="topInfo">
           <el-col :span="12" class="top">
-            <p><i class="el-icon-document"></i>{{ title }}</p>
+            <p :style="`color:${Color}`"><i class="el-icon-document"></i>{{ title }}</p>
           </el-col>
           <el-col :span="12" class="bread">
             <el-breadcrumb separator-class="el-icon-arrow-right">
@@ -47,6 +47,7 @@ export default {
   name: 'listRight',
   props: {
     rightList: null,
+    Color: null,
   },
   components: {},
   data: () => ({
@@ -78,7 +79,7 @@ p {
 }
 .listRight {
   height: 930px;
-  border-left: 1px solid #0457c7;
+  border-left: 1px solid;
 }
 .topInfo {
   height: 47px;
@@ -89,7 +90,6 @@ p {
 }
 .top p {
   font-size: 24px;
-  color: #0874ee;
 }
 .bread {
   padding: 16px 0px 16px 220px;

src/layout/list/newsInfo.vue

@@ -0,0 +1,160 @@
+<template>
+  <div id="newsInfo">
+    <el-row>
+      <el-col :span="24" class="listRight" :style="`border-color:${Color}`">
+        <el-col :span="24" class="topInfo">
+          <el-col :span="12" class="top">
+            <p :style="`color:${Color}`"><i class="el-icon-document"></i>{{ title }}</p>
+          </el-col>
+          <el-col :span="12" class="bread">
+            <el-breadcrumb separator-class="el-icon-arrow-right">
+              <el-breadcrumb-item :to="{ path: '/' }">网站首页</el-breadcrumb-item>
+              <el-breadcrumb-item>信息列表</el-breadcrumb-item>
+            </el-breadcrumb>
+          </el-col>
+        </el-col>
+        <el-col :span="24" class="list">
+          <el-col :span="24" class="rightList" v-for="(item, index) in newsList" :key="index">
+            <el-col :span="5" class="image">
+              <el-image style="width:100%;height:95px;" :src="item.pic"></el-image>
+            </el-col>
+            <el-col :span="19">
+              <el-col :span="24">
+                <el-col :span="20" class="title">
+                  <p class="textOver">{{ item.title }}</p>
+                </el-col>
+                <el-col :span="4" class="date">
+                  {{ item.date }}
+                </el-col>
+              </el-col>
+            </el-col>
+            <el-col :span="17" class="content">
+              <p>{{ item.content }}</p>
+            </el-col>
+          </el-col>
+        </el-col>
+      </el-col>
+      <el-col :span="24" class="page">
+        <el-pagination
+          @size-change="handleSizeChange"
+          @current-change="handleCurrentChange"
+          :current-page="currentPage4"
+          :page-size="8"
+          layout="total, prev, pager, next, jumper"
+          :total="1"
+        >
+        </el-pagination>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'newsInfo',
+  props: {
+    newsList: null,
+    Color: null,
+  },
+  components: {},
+  data: () => ({
+    title: '就业动态',
+    currentPage4: 1,
+  }),
+  created() {},
+  computed: {},
+  methods: {
+    handleSizeChange(val) {
+      console.log(`每页 ${val} 条`);
+    },
+    handleCurrentChange(val) {
+      console.log(`当前页: ${val}`);
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped>
+p {
+  padding: 0;
+  margin: 0;
+}
+.textOver {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.listRight {
+  height: 930px;
+  border-left: 1px solid;
+}
+.topInfo {
+  height: 47px;
+  line-height: 47px;
+}
+.top {
+  padding: 0 10px;
+}
+.top p {
+  font-size: 24px;
+}
+.bread {
+  padding: 16px 0px 16px 220px;
+}
+.dian {
+  display: inline-block;
+  width: 4px;
+  height: 4px;
+  background-color: #4f4f4f;
+  border-radius: 90px;
+  margin: 5px 8px;
+}
+.list {
+  padding: 0 10px;
+  height: 883px;
+  overflow: hidden;
+}
+.rightList {
+  height: 105px;
+  margin: 0 0 6px 0;
+  border-bottom: 1px dashed #ccc;
+}
+.rightList .image {
+  width: 150px;
+  height: 100px;
+}
+.rightList .title {
+  padding: 10px;
+}
+.rightList .title p {
+  font-size: 16px;
+  color: #4f4f4f;
+}
+.rightList .date {
+  font-size: 16px;
+  color: #4f4f4f;
+  padding: 10px 0;
+}
+.rightList .content {
+  padding: 0 10px;
+}
+.rightList .content p {
+  font-size: 14px;
+  color: #4f4f4f;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  -webkit-line-clamp: 2;
+  word-break: break-all;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  line-height: 25px;
+}
+.rightList:hover .title p {
+  cursor: pointer;
+  color: #0457c7;
+}
+.page {
+  padding: 51px 0px;
+  text-align: center;
+}
+</style>

src/layout/member/banner.vue

@@ -0,0 +1,25 @@
+<template>
+  <div id="banner">
+    <el-row>
+      <el-col :span="24">
+        <el-image :src="bannerMember" style="height:450px;" fit="fit"></el-image>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'banner',
+  props: {},
+  components: {},
+  data: () => ({
+    bannerMember: require('@/assets/bannerMember.png'),
+  }),
+  created() {},
+  computed: {},
+  methods: {},
+};
+</script>
+
+<style lang="scss" scoped></style>

src/router/index.js

@@ -20,5 +20,25 @@ export default new Router({
       name: 'detail',
       component: () => import('../views/detail.vue'),
     },
+    {
+      path: '/memberList',
+      name: 'memberList',
+      component: () => import('../views/memberList.vue'),
+    },
+    {
+      path: '/memberDetail',
+      name: 'memberDetail',
+      component: () => import('../views/memberDetail.vue'),
+    },
+    {
+      path: '/newsList',
+      name: 'newsList',
+      component: () => import('../views/newsList.vue'),
+    },
+    {
+      path: '/aboutMe',
+      name: 'aboutMe',
+      component: () => import('../views/aboutMe.vue'),
+    },
   ],
 });

src/views/detail.vue

@@ -1,6 +1,6 @@
 <template>
   <div id="detail">
-    <cont-detail :info="info" :detailInfo="detailInfo"></cont-detail>
+    <cont-detail :info="info" :backColor="backColor" :Color="Color" :detailInfo="detailInfo"></cont-detail>
   </div>
 </template>
 
@@ -24,6 +24,8 @@ export default {
       date: '办公时间：周一至周五，法定假日不对外办公。',
       footTitle: '吉ICP备09006292号-1 Copyright 2013 版权所有 吉林省高等学校毕业生就业指导中心 All Rights Reserved',
     },
+    backColor: '#0457c7',
+    Color: '#0457c7',
     detailInfo: {
       url: require('@/assets/news.png'),
       title: '我省成功举办全国高校就业指导人员培训（中级）班',

src/views/index.vue

@@ -3,6 +3,8 @@
     <index-detail
       :info="site"
       :newsList="newsList"
+      :backColor="backColor"
+      :Color="Color"
       :noticeList="noticeList"
       :recruitList="jobinfoList"
       :companyList="corpList"
@@ -50,6 +52,8 @@ export default {
     jobinfoList: [], //招聘信息
     linkList: [], //网站导航
     corpList: [], //招聘企业
+    backColor: '#0457c7',
+    Color: '#0457c7',
   }),
   async created() {
     await this.toGetSite(); //获取主站信息

src/views/list.vue

@@ -1,6 +1,6 @@
 <template>
   <div id="list">
-    <list-detail :info="info" :rightList="rightList"></list-detail>
+    <list-detail :info="info" :backColor="backColor" :Color="Color" :rightList="rightList"></list-detail>
   </div>
 </template>
 
@@ -24,6 +24,8 @@ export default {
       date: '办公时间：周一至周五，法定假日不对外办公。',
       footTitle: '吉ICP备09006292号-1 Copyright 2013 版权所有 吉林省高等学校毕业生就业指导中心 All Rights Reserved',
     },
+    backColor: '#0457c7',
+    Color: '#0457c7',
     rightList: [
       {
         title: '我省成功举办“创业有我•就在吉林',

src/views/memberList.vue

@@ -0,0 +1,37 @@
+<template>
+  <div id="memberList">
+    <member-detail :info="info" :Color="Color" :backColor="backColor" :rightList="rightList"></member-detail>
+  </div>
+</template>
+
+<script>
+import memberDetail from '@/components/memberList.vue';
+export default {
+  name: 'memberList',
+  props: {},
+  components: {
+    memberDetail,
+  },
+  data: () => ({
+    info: {
+      src: require('@/assets/logo.png'),
+      phone: '0431-12345678',
+      footTitle: '吉ICP备09006292号-1 Copyright 2013 版权所有 吉林省高等学校毕业生就业指导中心 All Rights Reserved',
+    },
+    Color: '#c81b15',
+    backColor: '#c81b15',
+    rightList: [
+      {
+        title: '我省成功举办“创业有我•就在吉林',
+        date: '2019-12-03',
+        content: '我省成功举办“创业有我•就在吉林我省成功举办“创业有我•就在吉林',
+      },
+    ],
+  }),
+  created() {},
+  computed: {},
+  methods: {},
+};
+</script>
+
+<style lang="scss" scoped></style>

src/views/newsList.vue

@@ -0,0 +1,122 @@
+<template>
+  <div id="newsList">
+    <list-detail :info="info" :backColor="backColor" :Color="Color" :newsList="newsList"></list-detail>
+  </div>
+</template>
+
+<script>
+import listDetail from '@/components/newsList.vue';
+export default {
+  name: 'newsList',
+  props: {},
+  components: {
+    listDetail,
+  },
+  data: () => ({
+    info: {
+      src: require('@/assets/logo.png'),
+      phone: '0431-12345678',
+      banner: require('@/assets/banner.png'),
+      address: '办公地址：长春市经济技术开发区金川街151号吉林省高等学校毕业生就业指导中心2楼一站式办公大厅',
+      email: '邮编：130012',
+      gongjiao: '公交线路：乘坐120路、227路、20路、260路、80路、130路、281路、154路、190路、125路公交北方市场下车，北方市场南门南行200米。',
+      mobile: '业务咨询电话：0431-84657570 0431-84657571;',
+      date: '办公时间：周一至周五，法定假日不对外办公。',
+      footTitle: '吉ICP备09006292号-1 Copyright 2013 版权所有 吉林省高等学校毕业生就业指导中心 All Rights Reserved',
+    },
+    backColor: '#0457c7',
+    Color: '#0457c7',
+    newsList: [
+      {
+        pic: require('@/assets/news.png'),
+        title: '我省成功举办“创业有我•就在吉林',
+        date: '2019-12-03',
+        content: '我省成功举办“创业有我•就在吉林我省成功举办“创业有我•就在吉林',
+      },
+      {
+        pic: require('@/assets/news.png'),
+        title: '我省成功举办“创业有我•就在吉林',
+        date: '2019-12-03',
+        content: '我省成功举办“创业有我•就在吉林我省成功举办“创业有我•就在吉林',
+      },
+      {
+        pic: require('@/assets/news.png'),
+        title: '我省成功举办“创业有我•就在吉林',
+        date: '2019-12-03',
+        content: '我省成功举办“创业有我•就在吉林我省成功举办“创业有我•就在吉林',
+      },
+      {
+        pic: require('@/assets/news.png'),
+        title: '我省成功举办“创业有我•就在吉林',
+        date: '2019-12-03',
+        content: '我省成功举办“创业有我•就在吉林我省成功举办“创业有我•就在吉林',
+      },
+      {
+        pic: require('@/assets/news.png'),
+        title: '我省成功举办“创业有我•就在吉林',
+        date: '2019-12-03',
+        content: '我省成功举办“创业有我•就在吉林我省成功举办“创业有我•就在吉林',
+      },
+      {
+        pic: require('@/assets/news.png'),
+        title: '我省成功举办“创业有我•就在吉林',
+        date: '2019-12-03',
+        content: '我省成功举办“创业有我•就在吉林我省成功举办“创业有我•就在吉林',
+      },
+      {
+        pic: require('@/assets/news.png'),
+        title: '我省成功举办“创业有我•就在吉林',
+        date: '2019-12-03',
+        content: '我省成功举办“创业有我•就在吉林我省成功举办“创业有我•就在吉林',
+      },
+      {
+        pic: require('@/assets/news.png'),
+        title: '我省成功举办“创业有我•就在吉林',
+        date: '2019-12-03',
+        content: '我省成功举办“创业有我•就在吉林我省成功举办“创业有我•就在吉林',
+      },
+      {
+        pic: require('@/assets/news.png'),
+        title: '我省成功举办“创业有我•就在吉林',
+        date: '2019-12-03',
+        content: '我省成功举办“创业有我•就在吉林我省成功举办“创业有我•就在吉林',
+      },
+      {
+        pic: require('@/assets/news.png'),
+        title: '我省成功举办“创业有我•就在吉林',
+        date: '2019-12-03',
+        content: '我省成功举办“创业有我•就在吉林我省成功举办“创业有我•就在吉林',
+      },
+      {
+        pic: require('@/assets/news.png'),
+        title: '我省成功举办“创业有我•就在吉林',
+        date: '2019-12-03',
+        content: '我省成功举办“创业有我•就在吉林我省成功举办“创业有我•就在吉林',
+      },
+      {
+        pic: require('@/assets/news.png'),
+        title: '我省成功举办“创业有我•就在吉林',
+        date: '2019-12-03',
+        content: '我省成功举办“创业有我•就在吉林我省成功举办“创业有我•就在吉林',
+      },
+      {
+        pic: require('@/assets/news.png'),
+        title: '我省成功举办“创业有我•就在吉林',
+        date: '2019-12-03',
+        content: '我省成功举办“创业有我•就在吉林我省成功举办“创业有我•就在吉林',
+      },
+      {
+        pic: require('@/assets/news.png'),
+        title: '我省成功举办“创业有我•就在吉林',
+        date: '2019-12-03',
+        content: '我省成功举办“创业有我•就在吉林我省成功举办“创业有我•就在吉林',
+      },
+    ],
+  }),
+  created() {},
+  computed: {},
+  methods: {},
+};
+</script>
+
+<style lang="scss" scoped></style>