<template>
  <div>
    <a-card :bordered="false" >
      <a-card title="我的课程" :bodyStyle="{padding: '0px !important'}" >
        <MyCourseList></MyCourseList>
      </a-card>
      <br />
      <a-card title="培训计划" :bodyStyle="{padding: '0px !important'}">
        <a slot="extra" href="#">查看更多</a>
        <TrainingPlan></TrainingPlan>
      </a-card>
      <br />
      <a-card title="集中培训" :bodyStyle="{padding: '0px !important'}">
        <a slot="extra" href="#">查看更多</a>
        <CentralizedTraining></CentralizedTraining>
      </a-card>
      <br />
      <a-card title="系统推荐课程" :bodyStyle="{padding: '0px !important'}">
        <a slot="extra" href="#">查看更多</a>
        <CourseRecommendation></CourseRecommendation>
      </a-card>
    </a-card>
  </div>
</template>
<script>
import MyCourseList from './MyCourseList.vue' // 我的课程
import TrainingPlan from './TrainingPlan.vue' // 培训计划
import CentralizedTraining from './CentralizedTraining.vue' // 集中培训
import CourseRecommendation from './CourseRecommendation.vue' // 课程推荐
export default {
  components: {
    MyCourseList,
    TrainingPlan,
    CentralizedTraining,
    CourseRecommendation
  },
  data () {
    return {

    }
  },

  methods: {
  }
}
</script>
<style lang="less">

</style>
