web-website/src/views/index.vue

<template>
  <div id="index">
    <index-detail
      :backColor="backColor"
      :info="info"
      :carouselList="carouselList"
      :noticeNewsList="noticeNewsList"
      :zhidaoList="zhidaoList"
      :lawList="lawList"
      :serviceList="serviceList"
      :hujiList="hujiList"
      :xiazaiList="xiazaiList"
      :recruitList="recruitList"
      :zixunList="zixunList"
      :nativeList="nativeList"
    ></index-detail>
  </div>
</template>

<script>
import indexDetail from '@/components/index.vue';
import { urlList } from '@/config/url';
export default {
  name: 'index',
  props: {},
  components: {
    indexDetail,
  },
  data: () => ({
    backColor: '#0457c7',
    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',
    },
    carouselList: [
      {
        url: require('@/assets/news.jpg'),
        title: '标题',
      },
    ],
    noticeNewsList: [
      {
        title: '通知公告',
        children: [
          {
            title: '通知公告信息',
            date: '2019-12-10',
          },
        ],
      },
      {
        title: '就业动态',
        children: [
          {
            title: '就业动态信息',
            date: '2019-12-10',
          },
        ],
      },
    ],
    zhidaoList: [
      {
        title: '標題',
        date: '2019-12-10',
      },
    ],
    lawList: [
      {
        title: '標題',
        date: '2019-12-10',
      },
    ],
    serviceList: [
      {
        title: '標題',
        date: '2019-12-10',
      },
    ],
    hujiList: [
      {
        title: '標題',
        date: '2019-12-10',
      },
    ],
    xiazaiList: [
      {
        title: '标题',
      },
    ],
    recruitList: [
      {
        jobs: 'web工程师',
        company: '长春福瑞科技有限公司',
        date: '2019-12-10',
      },
    ],
    zixunList: [
      {
        title: '标题',
      },
    ],
    nativeList: urlList,
  }),
  created() {},
  computed: {},
  methods: {},
};
</script>

<style lang="scss" scoped></style>