<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>
      </a-card>
      <br />
      <a-card title="系统推荐课程" :bodyStyle="{padding: '0px !important'}">
        <a slot="extra" href="#">查看更多</a>
      </a-card>
    </a-card>
  </div>
</template>
<script>
import MyCourseList from './MyCourseList.vue'
import TrainingPlan from './TrainingPlan.vue'
export default {
  components: {
    MyCourseList,
    TrainingPlan
  },
  data () {
    return {
     
    }
  },
  
  methods: {
  }
}
</script>
<style lang="less">

</style>
