front/src/views/elective/main.vue

<template>
  <div class="app-back">
    <div class="index-banner" :style="bannerStyle" />
    <div class="fx-cen-cen fx-column pb20">
      <index-card-three-subject-query class="mt20 index-block" />
      <index-card-test4 class="mt20 index-block" />
      <index-card-career class="mt20 index-block"/>
      <index-card-college class="mt20 index-block" />
      <index-card-news-single class="mt20 index-block" type="高考政策" morePath="/fuzhu/newGaokaoNews"  />
      <index-card-elective class="mt20 index-block" />
    </div>
  </div>
</template>
<script>
import {mapGetters} from 'vuex'
import IndexCardCareer from '@/views/index/components/index-card-career'
import IndexCardElectiveTest from '@/views/index/components/index-card-elective-test'
import IndexCardSubjectQuery from '@/views/index/components/index-card-subject-query'
import IndexCardNewsSingle from '@/views/index/components/index-card-news-single'
import IndexCard from '@/views/index/components/index-card'
import IndexCardElective from '@/views/index/components/index-card-elective'
import IndexCardCollege from "@/views/index/components/index-card-college.vue";
import IndexCardThreeSubjectQuery from "@/views/index/components/index-card-three-subject-query.vue";
import IndexCardTest4 from "@/views/index/components/index-card-test4.vue";

export default {
  components: {
    IndexCardTest4,
    IndexCardThreeSubjectQuery,
    IndexCardCollege,
    IndexCardNewsSingle,
    IndexCardElectiveTest,
    IndexCardSubjectQuery,
    IndexCardCareer,
    IndexCardElective,
    IndexCard
  },
  data() {
    return {
      bannerStyle: {
        backgroundImage: `url(${require('@/assets/images/index/banner/elective-banner.png')})`,
        height: '300px'
      }
    }
  }
}
</script>
<style scoped>
</style>