front/src/views/career/main.vue

<template>
  <!-- 题库中心首页 -->
  <div class="container">
    <div class="banner">
      <el-image style="width: 100vw" :src="require('@/assets/images/fuzhu_banner.png')" fit="fill"></el-image>
    </div>
    <div class="content">
      <index-card title="新高考政策" more-text="更多" class="mb20">
      </index-card>
      <index-card title="资源库" class="mb20">
      </index-card>
      <index-card title="学习技巧" more-text="更多"  class="mb20"></index-card>
      <index-card title="高考名词" class="mb20"></index-card>
    </div>
  </div>
</template>
<script>
import IndexCard from '@/views/index/components/index-card.vue'
import MxImageWrap from '@/views/questioncenter/components/main-card/mx-image-wrap.vue'
import { mapGetters } from 'vuex'
import store from '@/store'
export default {
  components: { IndexCard, MxImageWrap },
  data() {
    return {
      library: [
        {
          title: '个人资源库',
          img: require('@/assets/images/personal_library.png'),
          path: '/personalDatabase/personalResources/index'
        },
        {
          title: '校本资源库',
          img: require('@/assets/images/school_library.png'),
          path: '/personalDatabase/schoolResources/index'
        },
        {
          title: '云库',
          img: require('@/assets/images/cloud_library.png'),
          path: '/personalDatabase/cloudTank/index'
        },
      ],
    }
  },
  methods: {
  }
}
</script>
<style scoped lang="scss">
.content {
  width: 70%;
  margin: 0 auto;
  padding-bottom: 20px;
  margin-top: 20px;
}

.container {
  background: #f5f4f9;
}

</style>