<template>
  <div class="app-back">
    <div class="index-banner" :style="bannerStyle" />
    <div class="fx-cen-cen fx-column pb20">
      <index-card-voluntary-f6 class="mt20 index-block" />
      <index-card-voluntary-entry class="mt20 index-block" />
      <index-card-news-single v-bind="singleAttr" class="index-block mt20"  />
    </div>
  </div>
</template>
<script>
import IndexCard from '@/views/index/components/index-card.vue'
import IndexCardNewsSingle from '@/views/index/components/index-card-news-single'
import IndexCardVoluntaryF6 from "@/views/career/zhiyuan/cards/index-card-voluntary-f6.vue";
import IndexCardVoluntaryEntry from "@/views/career/zhiyuan/cards/index-card-voluntary-entry.vue";
export default {
  name: 'VoluntaryMain',
  components: {IndexCardVoluntaryEntry, IndexCardVoluntaryF6, IndexCard, IndexCardNewsSingle },
  data() {
    return {
      bannerStyle: {
        backgroundImage: `url(${this.$imgBase}2023/index/banner/voluntary-banner.png)`,
        height: '300px'
      },
      singleAttr: {
        type: '填报技巧',
        morePath: {
          name: 'NewsAll',
          query: {name: '填报技巧'}
        }
      }
    }
  }
}
</script>
<style scoped>
</style>
