提交 59d0a5cd authored 作者: 王鹏飞's avatar 王鹏飞

feat: 课后资料支持多个文件

上级 4e259156
<template>
<container :title="chapter.name">
<file-list :files="files"></file-list>
......@@ -45,11 +44,7 @@ export default {
methods: {
getChapterReading() {
api.getChapterReading(this.resourceId).then(response => {
const file = {
file_name: response.reading_content,
file_url: response.reading_attachment
}
this.files = [file]
this.files = response.reading_attachment
})
}
},
......
<template>
<div>
<ul class="file-list" v-if="files.length">
<li class="file-list-item" v-for="file in files" :key="file.id">
<ul class="file-list" v-if="currentFiles.length">
<li class="file-list-item" v-for="file in currentFiles" :key="file.id">
<a :href="file.file_url" target="_blank">
<i class="el-icon-document"></i>
<div class="file-list-item__inner" v-html="file.file_name"></div>
......@@ -33,6 +33,14 @@ export default {
},
// 文件列表
files: { type: Array, default: () => [] }
},
computed: {
currentFiles() {
return this.files.map(file => {
file.file_url = file.file_url || file.url
return file
})
}
}
}
</script>
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论