党员之家

src/components/detail.vue

@@ -16,7 +16,7 @@
         </div>
       </el-col>
       <el-col :sapn="24" class="down">
-        <down :info="info"></down>
+        <down :info="info" :backColor="backColor"></down>
       </el-col>
     </el-row>
   </div>
@@ -31,6 +31,7 @@ import down from '@/layout/index/down.vue';
 export default {
   name: 'detail',
   props: {
+    backColor: null, //背景颜色
     info: null, //站点信息
     contInfos: null, //信息详细
   },

src/components/index.vue

@@ -62,7 +62,7 @@
         </div>
       </el-col>
       <el-col :sapn="24" class="down">
-        <down :info="info"></down>
+        <down :info="info" :backColor="backColor"></down>
       </el-col>
     </el-row>
   </div>
@@ -89,6 +89,7 @@ import down from '@/layout/index/down.vue';
 export default {
   name: 'index',
   props: {
+    backColor: null, //背景颜色
     info: null, //站点信息
     carouselList: null, //輪播圖
     noticeNewsList: null, //通知公告+就業動態
@@ -143,7 +144,6 @@ export default {
 .menu {
   height: 50px;
   overflow: hidden;
-  border-bottom: 1px solid #ccc;
 }
 .main {
   min-height: 1000px;

src/components/list.vue

@@ -26,7 +26,7 @@
         </div>
       </el-col>
       <el-col :sapn="24" class="down">
-        <down :info="info"></down>
+        <down :info="info" :backColor="backColor"></down>
       </el-col>
     </el-row>
   </div>
@@ -43,6 +43,7 @@ import down from '@/layout/index/down.vue';
 export default {
   name: 'list',
   props: {
+    backColor: null, //背景颜色
     info: null, //站点信息
     rightList: null, //右侧列表
   },

src/components/member.vue

@@ -0,0 +1,123 @@
+<template>
+  <div id="member">
+    <el-row>
+      <el-col class="top">
+        <top :info="info"></top>
+      </el-col>
+      <el-col :sapn="24" class="menu">
+        <menuInfos></menuInfos>
+      </el-col>
+      <el-col :span="24" class="main">
+        <div class="w_1270">
+          <el-col :span="24" class="main_1">
+            <meesage :messageInfo="messageInfo"></meesage>
+          </el-col>
+          <el-col :span="24" class="main_2">
+            <gaoceng :carouselList="carouselList" :newsList="newsList"></gaoceng>
+          </el-col>
+          <el-col :span="24" class="main_3">
+            <dangjian :rencaiList="rencaiList"></dangjian>
+          </el-col>
+          <el-col :span="24" class="main_4">
+            <xuexi></xuexi>
+          </el-col>
+          <el-col :span="24" class="main_5">
+            <photo></photo>
+          </el-col>
+        </div>
+      </el-col>
+      <el-col :sapn="24" class="down">
+        <down :info="info" :backColor="backColor"></down>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import top from '@/layout/member/top.vue';
+import menuInfos from '@/layout/index/menuInfos.vue';
+import meesage from '@/layout/member/meesage.vue';
+import gaoceng from '@/layout/member/gaoceng.vue';
+import dangjian from '@/layout/member/dangjian.vue';
+import xuexi from '@/layout/member/xuexi.vue';
+import photo from '@/layout/member/photo.vue';
+import down from '@/layout/index/down.vue';
+export default {
+  name: 'member',
+  props: {
+    backColor: null, //背景颜色
+    info: null, //站点信息
+    messageInfo: null, //最新消息
+    carouselList: null, //轮播图
+    newsList: null, //轮播图右侧新闻列表
+    rencaiList: null, //人才建设
+  },
+  components: {
+    top, //头部信息
+    menuInfos, //菜单
+    meesage, //最新消息
+    gaoceng, //高层声音
+    dangjian, //基层党建
+    xuexi, //学习园地
+    photo, //活动图集
+    down, //底部
+  },
+  data: () => ({}),
+  created() {},
+  computed: {},
+  methods: {},
+};
+</script>
+
+<style lang="less" scoped>
+.w_1270 {
+  width: 1270px;
+  margin: 0 auto;
+}
+.top {
+  height: 500px;
+}
+.menu {
+  height: 50px;
+  overflow: hidden;
+  position: absolute;
+  top: 450px;
+}
+.main {
+  min-height: 500px;
+  margin: 20px 0;
+}
+.main_1 {
+  height: 170px;
+  border: 1px solid #f3f3f3;
+  border-radius: 10px;
+  box-shadow: 0 0 5px #e9eef3;
+}
+.main_2 {
+  height: 480px;
+  overflow: hidden;
+  margin: 30px 0 0 0;
+}
+.main_3 {
+  height: 480px;
+  overflow: hidden;
+  margin: 30px 0 0 0;
+  border: 1px solid #ccc;
+}
+.main_4 {
+  height: 420px;
+  overflow: hidden;
+  margin: 30px 0 0 0;
+  border: 1px solid #ccc;
+}
+.main_5 {
+  height: 560px;
+  overflow: hidden;
+  margin: 30px 0 0 0;
+  border: 1px solid #ccc;
+}
+.down {
+  height: 135px;
+  overflow: hidden;
+}
+</style>

src/layout/index/down.vue

@@ -1,7 +1,7 @@
 <template>
   <div id="down">
     <el-row>
-      <el-col :span="24" class="down">
+      <el-col :span="24" class="down" :style="`background:${backColor}`">
         <div class="w_1270">
           <p class="textOver">{{ info.copyright }}</p>
           <el-link href="http://bszs.conac.cn/sitename?method=show&id=275F0728763C767CE053022819ACA2F2" :underline="false"
@@ -18,6 +18,7 @@ export default {
   name: 'down',
   props: {
     info: null,
+    backColor: null,
   },
   components: {},
   data: () => ({
@@ -40,7 +41,6 @@ p {
 }
 .down {
   height: 135px;
-  background: #0457c7;
   text-align: center;
 }
 .down p {

src/layout/index/menuInfos.vue

@@ -0,0 +1,74 @@
+<template>
+  <div id="menuInfo">
+    <el-row>
+      <el-col :sapn="24" class="menu">
+        <div class="w_1270">
+          <el-menu
+            :default-active="activeIndex"
+            class="el-menu-demo"
+            mode="horizontal"
+            @select="handleSelect"
+            background-color="#be0101"
+            text-color="#fff"
+            active-text-color="#fff"
+          >
+            <el-menu-item index="1">网站首页</el-menu-item>
+            <el-menu-item index="2">政策法规</el-menu-item>
+            <el-menu-item index="3">网上大厅</el-menu-item>
+            <el-menu-item index="4">招聘信息</el-menu-item>
+            <el-menu-item index="5">就业指导</el-menu-item>
+            <el-menu-item index="6">党员之家</el-menu-item>
+            <el-menu-item index="7">调查问卷</el-menu-item>
+            <el-menu-item index="8">关于我们</el-menu-item>
+          </el-menu>
+        </div>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'menuInfo',
+  props: {},
+  components: {},
+  data: () => ({
+    activeIndex: '1',
+  }),
+  created() {},
+  computed: {},
+  methods: {
+    handleSelect(key, keyPath) {
+      // eslint-disable-next-line no-console
+      console.log(key, keyPath);
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped>
+.w_1270 {
+  width: 1270px;
+  margin: 0 auto;
+}
+.menu {
+  height: 50px;
+  line-height: 50px;
+  background: #be0101;
+}
+/deep/.el-menu--horizontal > .el-menu-item {
+  height: 50px;
+  line-height: 50px;
+}
+/deep/.el-menu--horizontal > .el-submenu .el-submenu__title {
+  height: 50px;
+  line-height: 50px;
+}
+/deep/.el-menu--horizontal > .el-menu-item {
+  border-bottom: none;
+}
+/deep/.el-menu--horizontal > .el-menu-item.is-active {
+  border-bottom: none;
+  background-color: #8500005f !important;
+}
+</style>

src/layout/member/dangjian.vue

@@ -0,0 +1,171 @@
+<template>
+  <div id="dangjian">
+    <el-row>
+      <el-col :span="24" class="top">
+        <el-col :span="10">
+          <el-image style="width:100%;height:40px;" :src="left"></el-image>
+        </el-col>
+        <el-col :span="4" class="topTitle">
+          {{ title }}
+        </el-col>
+        <el-col :span="10">
+          <el-image style="width:100%;height:40px;" :src="right"></el-image>
+        </el-col>
+      </el-col>
+      <el-col :span="24" class="info">
+        <el-col :span="8" class="infoLeft">
+          <el-col :span="24" class="infoLeftTop">
+            <el-col :span="18" class="leftTopTitle">
+              <span>{{ leftTopTitle }}</span>
+            </el-col>
+            <el-col :span="6" class="leftTopMore">
+              <el-link :underline="false">更多<i class="el-icon-plus"></i></el-link>
+            </el-col>
+          </el-col>
+          <el-col :span="24" class="infoLeftList">
+            <el-col :span="24" class="rencaiList" v-for="(item, index) in rencaiList" :key="index">
+              <el-col :span="16" class="title">
+                <p class="textOver"><i class="el-icon-s-flag icon"></i>{{ item.title }}</p>
+              </el-col>
+              <el-col :span="8" class="date"> [{{ item.date }}] </el-col>
+            </el-col>
+          </el-col>
+        </el-col>
+        <el-col :span="8" class="infoLeft">
+          <el-col :span="24" class="infoLeftTop">
+            <el-col :span="18" class="leftTopTitle">
+              <span>{{ leftTopTitle }}</span>
+            </el-col>
+            <el-col :span="6" class="leftTopMore">
+              <el-link :underline="false">更多<i class="el-icon-plus"></i></el-link>
+            </el-col>
+          </el-col>
+          <el-col :span="24" class="infoLeftList">
+            <el-col :span="24" class="rencaiList" v-for="(item, index) in rencaiList" :key="index">
+              <el-col :span="16" class="title">
+                <p class="textOver"><i class="el-icon-s-flag icon"></i>{{ item.title }}</p>
+              </el-col>
+              <el-col :span="8" class="date"> [{{ item.date }}] </el-col>
+            </el-col>
+          </el-col>
+        </el-col>
+        <el-col :span="8" class="infoLeft">
+          <el-col :span="24" class="infoLeftTop">
+            <el-col :span="18" class="leftTopTitle">
+              <span>{{ leftTopTitle }}</span>
+            </el-col>
+            <el-col :span="6" class="leftTopMore">
+              <el-link :underline="false">更多<i class="el-icon-plus"></i></el-link>
+            </el-col>
+          </el-col>
+          <el-col :span="24" class="infoLeftList">
+            <el-col :span="24" class="rencaiList" v-for="(item, index) in rencaiList" :key="index">
+              <el-col :span="16" class="title">
+                <p class="textOver"><i class="el-icon-s-flag icon"></i>{{ item.title }}</p>
+              </el-col>
+              <el-col :span="8" class="date"> [{{ item.date }}] </el-col>
+            </el-col>
+          </el-col>
+        </el-col>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'dangjian',
+  props: {
+    rencaiList: null,
+  },
+  components: {},
+  data: () => ({
+    title: '基层党建',
+    left: require('@/assets/messageLeft.jpg'),
+    right: require('@/assets/messageRight.jpg'),
+    leftTopTitle: '人才建设',
+  }),
+  created() {},
+  computed: {},
+  methods: {},
+};
+</script>
+
+<style lang="less" scoped>
+p {
+  padding: 0;
+  margin: 0;
+}
+.textOver {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.icon {
+  color: #bd010b;
+  margin: 0 15px 0 0;
+}
+.top {
+  height: 40px;
+  line-height: 40px;
+  margin: 0 0 40px 0;
+}
+.top .topTitle {
+  font-size: 38px;
+  color: #bd010b;
+  text-align: center;
+  font-weight: bold;
+  font-family: '微软雅黑';
+}
+.info {
+  height: 400px;
+  overflow: hidden;
+}
+.infoLeft {
+  width: 380px;
+  height: 400px;
+  overflow: hidden;
+  margin: 0 30px 0 0;
+}
+.infoLeftTop {
+  height: 40px;
+  line-height: 40px;
+  border-bottom: 1px solid #ccc;
+}
+.infoLeftTop .leftTopTitle span {
+  display: inline-block;
+  width: 100px;
+  height: 39px;
+  text-align: center;
+  border-bottom: 1px solid #bd010b;
+  font-size: 18px;
+  color: #bd000b;
+}
+.infoLeftTop .leftTopMore {
+  height: 39px;
+  line-height: 30px;
+  text-align: right;
+  padding: 0 10px;
+}
+.rencaiList {
+  padding: 11px;
+}
+.rencaiList .title p {
+  font-size: 16px;
+  color: #333;
+}
+.rencaiList .date {
+  font-size: 16px;
+  color: #333;
+  text-align: right;
+}
+.rencaiList:hover {
+  cursor: pointer;
+}
+.rencaiList:hover .title p {
+  color: #bd000b;
+}
+.rencaiList:hover .date {
+  color: #bd000b;
+}
+</style>

src/layout/member/gaoceng.vue

@@ -0,0 +1,132 @@
+<template>
+  <div id="gaoceng">
+    <el-row>
+      <el-col :span="24" class="top">
+        <el-col :span="10">
+          <el-image style="width:100%;height:40px;" :src="left"></el-image>
+        </el-col>
+        <el-col :span="4" class="topTitle">
+          {{ title }}
+        </el-col>
+        <el-col :span="10">
+          <el-image style="width:100%;height:40px;" :src="right"></el-image>
+        </el-col>
+      </el-col>
+      <el-col :span="24" class="info">
+        <el-col :span="12" class="carousel">
+          <el-carousel height="400">
+            <el-carousel-item v-for="(item, index) in carouselList" :key="index">
+              <el-image style="width:100%;height:400px;" :src="item.url"></el-image>
+              <span class="textOver">{{ item.title }}</span>
+            </el-carousel-item>
+          </el-carousel>
+        </el-col>
+        <el-col :span="12">
+          <el-col :span="24" class="newsList" v-for="(item, index) in newsList" :key="index">
+            <el-col :span="20" class="title">
+              <p class="textOver">
+                <i class="el-icon-s-flag icon"></i><span>{{ item.title }}</span>
+              </p>
+            </el-col>
+            <el-col :span="4" class="date">
+              {{ item.date }}
+            </el-col>
+          </el-col>
+        </el-col>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'gaoceng',
+  props: {
+    carouselList: null,
+    newsList: null,
+  },
+  components: {},
+  data: () => ({
+    title: '高层声音',
+    left: require('@/assets/messageLeft.jpg'),
+    right: require('@/assets/messageRight.jpg'),
+  }),
+  created() {},
+  computed: {},
+  methods: {},
+};
+</script>
+
+<style lang="less" scoped>
+p {
+  padding: 0;
+  margin: 0;
+}
+.textOver {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.top {
+  height: 40px;
+  line-height: 40px;
+  margin: 0 0 40px 0;
+}
+.top .topTitle {
+  font-size: 38px;
+  color: #bd010b;
+  text-align: center;
+  font-weight: bold;
+  font-family: '微软雅黑';
+}
+.info {
+  height: 400px;
+}
+.info .carousel {
+  height: 400px;
+  overflow: hidden;
+}
+/deep/.el-carousel__indicators {
+  display: none;
+}
+/deep/.el-carousel__container {
+  height: 400px;
+}
+.info .carousel span {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  height: 40px;
+  line-height: 40px;
+  color: #fff;
+  background-color: #0000004f;
+  font-size: 16px;
+  padding: 0 10px;
+}
+.newsList {
+  padding: 10px 0px 10px 20px;
+}
+.newsList .title p {
+  font-size: 18px;
+  color: #5d5d5d;
+  padding: 0 15px 0 0;
+}
+.newsList .title p .icon {
+  color: #bd010b;
+  margin: 0 15px 0 0;
+}
+.newsList .date {
+  font-size: 18px;
+  color: #5d5d5d;
+}
+.newsList:hover {
+  cursor: pointer;
+}
+.newsList:hover .title p {
+  color: #bd010b;
+}
+.newsList:hover .date {
+  color: #bd010b;
+}
+</style>

src/layout/member/meesage.vue

@@ -0,0 +1,79 @@
+<template>
+  <div id="meesage">
+    <el-row>
+      <el-col :span="24">
+        <el-col :span="2" class="zuixinMess">
+          <el-image style="width:65px;height:95px;" :src="url"></el-image>
+        </el-col>
+        <el-col :span="21" class="info">
+          <el-col :span="24" class="title">
+            <p class="textOver">{{ messageInfo.title }}</p>
+          </el-col>
+          <el-col :span="24" class="content">
+            <p>{{ messageInfo.content }}</p>
+            <el-button type="text" size="mini">[详情]</el-button>
+          </el-col>
+        </el-col>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'meesage',
+  props: {
+    messageInfo: null,
+  },
+  components: {},
+  data: () => ({
+    url: require('@/assets/messages.png'),
+  }),
+  created() {},
+  computed: {},
+  methods: {},
+};
+</script>
+
+<style lang="less" scoped>
+p {
+  padding: 0;
+  margin: 0;
+}
+.textOver {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.zuixinMess {
+  width: 65px;
+  height: 95px;
+  margin: 0 40px 0 20px;
+}
+.info .title {
+  padding: 10px 0;
+}
+.info .title p {
+  font-size: 25px;
+  color: #cc3333;
+  font-family: '微軟雅黑';
+  font-weight: 600;
+}
+.info .content p {
+  font-size: 20px;
+  color: #333;
+  text-indent: 2rem;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  -webkit-line-clamp: 3;
+  word-break: break-all;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+}
+.info .content .el-button {
+  position: absolute;
+  right: 45px;
+  color: #cc3333;
+  font-weight: 600;
+}
+</style>

src/layout/member/photo.vue

@@ -0,0 +1,60 @@
+<template>
+  <div id="photo">
+    <el-row>
+      <el-col :span="24" class="top">
+        <el-col :span="10">
+          <el-image style="width:100%;height:40px;" :src="left"></el-image>
+        </el-col>
+        <el-col :span="4" class="topTitle">
+          {{ title }}
+        </el-col>
+        <el-col :span="10">
+          <el-image style="width:100%;height:40px;" :src="right"></el-image>
+        </el-col>
+      </el-col>
+      <el-col :span="24" class="info">
+        内容
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'photo',
+  props: {},
+  components: {},
+  data: () => ({
+    title: '活动图集',
+    left: require('@/assets/messageLeft.jpg'),
+    right: require('@/assets/messageRight.jpg'),
+  }),
+  created() {},
+  computed: {},
+  methods: {},
+};
+</script>
+
+<style lang="less" scoped>
+p {
+  padding: 0;
+  margin: 0;
+}
+.textOver {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.top {
+  height: 40px;
+  line-height: 40px;
+  margin: 0 0 40px 0;
+}
+.top .topTitle {
+  font-size: 38px;
+  color: #bd010b;
+  text-align: center;
+  font-weight: bold;
+  font-family: '微软雅黑';
+}
+</style>

src/layout/member/top.vue

@@ -0,0 +1,50 @@
+<template>
+  <div id="top">
+    <el-row>
+      <el-col :span="24">
+        <el-col :span="24">
+          <el-image style="width:100%;height:500px;" :src="info.banner"></el-image>
+        </el-col>
+        <div class="w_1270">
+          <el-col :span="24" class="info">
+            <span>{{ info.title }}-{{ title }}</span>
+          </el-col>
+        </div>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'top',
+  props: {
+    info: null,
+  },
+  components: {},
+  data: () => ({
+    title: '党员之家',
+  }),
+  created() {},
+  computed: {},
+  methods: {},
+};
+</script>
+
+<style lang="less" scoped>
+.w_1270 {
+  width: 1270px;
+  margin: 0 auto;
+}
+.info {
+  position: absolute;
+  top: 30%;
+  left: 25%;
+  width: 50%;
+}
+.info span {
+  font-size: 45px;
+  color: #df0001;
+  font-family: '黑体';
+}
+</style>

src/layout/member/xuexi.vue

@@ -0,0 +1,60 @@
+<template>
+  <div id="xuexi">
+    <el-row>
+      <el-col :span="24" class="top">
+        <el-col :span="10">
+          <el-image style="width:100%;height:40px;" :src="left"></el-image>
+        </el-col>
+        <el-col :span="4" class="topTitle">
+          {{ title }}
+        </el-col>
+        <el-col :span="10">
+          <el-image style="width:100%;height:40px;" :src="right"></el-image>
+        </el-col>
+      </el-col>
+      <el-col :span="24" class="info">
+        内容
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'xuexi',
+  props: {},
+  components: {},
+  data: () => ({
+    title: '学习园地',
+    left: require('@/assets/messageLeft.jpg'),
+    right: require('@/assets/messageRight.jpg'),
+  }),
+  created() {},
+  computed: {},
+  methods: {},
+};
+</script>
+
+<style lang="less" scoped>
+p {
+  padding: 0;
+  margin: 0;
+}
+.textOver {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.top {
+  height: 40px;
+  line-height: 40px;
+  margin: 0 0 40px 0;
+}
+.top .topTitle {
+  font-size: 38px;
+  color: #bd010b;
+  text-align: center;
+  font-weight: bold;
+  font-family: '微软雅黑';
+}
+</style>

src/router/index.js

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

src/views/detail.vue

@@ -1,6 +1,6 @@
 <template>
   <div id="detail">
-    <info-detail :info="info" :contInfos="contInfos"></info-detail>
+    <info-detail :backColor="backColor" :info="info" :contInfos="contInfos"></info-detail>
   </div>
 </template>
 
@@ -13,6 +13,7 @@ export default {
     infoDetail,
   },
   data: () => ({
+    backColor: '#0457c7',
     info: {
       title: '吉林省高等学校毕业生就业信息网',
       english: 'Jilin University Graduate Employment Guidance Center',

src/views/index.vue

@@ -1,6 +1,7 @@
 <template>
   <div id="index">
     <index-detail
+      :backColor="backColor"
       :info="info"
       :carouselList="carouselList"
       :noticeNewsList="noticeNewsList"
@@ -26,6 +27,7 @@ export default {
     indexDetail,
   },
   data: () => ({
+    backColor: '#0457c7',
     info: {
       title: '吉林省高等学校毕业生就业信息网',
       english: 'Jilin University Graduate Employment Guidance Center',

src/views/list.vue

@@ -1,6 +1,6 @@
 <template>
   <div id="list">
-    <list-detail :info="info" :rightList="rightList"></list-detail>
+    <list-detail :backColor="backColor" :info="info" :rightList="rightList"></list-detail>
   </div>
 </template>
 
@@ -13,6 +13,7 @@ export default {
     listDetail,
   },
   data: () => ({
+    backColor: '#0457c7',
     info: {
       title: '吉林省高等学校毕业生就业信息网',
       english: 'Jilin University Graduate Employment Guidance Center',

src/views/member.vue

@@ -0,0 +1,58 @@
+<template>
+  <div id="member">
+    <member-detail
+      :backColor="backColor"
+      :info="info"
+      :messageInfo="messageInfo"
+      :carouselList="carouselList"
+      :newsList="newsList"
+      :rencaiList="rencaiList"
+    ></member-detail>
+  </div>
+</template>
+
+<script>
+import memberDetail from '@/components/member.vue';
+export default {
+  name: 'member',
+  props: {},
+  components: {
+    memberDetail,
+  },
+  data: () => ({
+    backColor: '#be0101',
+    info: {
+      title: '吉林省高等学校毕业生就业信息网',
+      banner: require('@/assets/memberBg.jpg'),
+      copyright: '吉ICP备09006292号-1 Copyright 2019 版权所有 吉林省高等学校毕业生就业指导中心 All Rights Reserved',
+    },
+    messageInfo: {
+      title: '市委常委会召开“不忘初心、牢记使命“专题民主生活会',
+      content: '吉林省高等学校毕业生就业信息网',
+    },
+    carouselList: [
+      {
+        url: require('@/assets/news.jpg'),
+        title: '吉林省高等学校毕业生就业信息网',
+      },
+    ],
+    newsList: [
+      {
+        title: '市委常委会召开“不忘初心、牢记使命“专题民主生活会',
+        date: '2019-12-11',
+      },
+    ],
+    rencaiList: [
+      {
+        title: '市委常委会召开“不忘初心、牢记使命“专题民主生活会',
+        date: '2019-12-11',
+      },
+    ],
+  }),
+  created() {},
+  computed: {},
+  methods: {},
+};
+</script>
+
+<style lang="scss" scoped></style>