<template>
  <div class="skill-container flx-center">
    <div class="container">
      <img :src="imgUrl1" height="560" />
      <div style="margin: 24px 0 360px">
        <contentBlock :list="trainDetailList" />
      </div>
    </div>
  </div>
</template>

<script setup lang="ts">
import { imgUrl1 } from '@/assets/imgUrl'
import Frame690 from '@/assets/img/Frame690(2).png'
import contentBlock from '@/components/contentBlock.vue'

const trainDetailList = [
  { url: Frame690, name: '就业见习补贴' },
  { url: Frame690, name: '港澳台青年实习补助' },
  { url: Frame690, name: '大湾区青年就业计划生活补助' },
  { url: Frame690, name: '求职创业补贴' },
  { url: Frame690, name: '高校毕业生职业技能培训补贴' },
  { url: Frame690, name: '高校毕业生灵活就业社保补贴' },
  { url: Frame690, name: '小微企业社保补贴' },
  { url: Frame690, name: '职业技能鉴定 (评价)补贴' },
  { url: Frame690, name: '市外职业院校学生来深顶岗实习补贴' }
]
</script>

<style lang="scss" scoped>
@import './index.scss';
</style>
