<template>
<div class="play-paper">
  <div class="play-paper-body">
    <div class="play-paper-title"><div><h3>课程资料</h3></div></div>
    <div class="play-paper-content">
      <template v-if="courseInfo.length">
        <ul class="play-read-files">
          <template v-for="(item, index) in courseInfo">
            <li v-bind:key="index"><a :href="item.file_url" target="_blank">{{item.file_name}}</a></li>
          </template>
        </ul>
      </template>
      <template v-else>
        <p class="no-data">暂无课程资料</p>
      </template>
    </div>
  </div>
</div>
</template>

<script>
export default {
  props: {
    courseInfo: { type: Array, require: false }
  }
}
</script>
